angular解决跨域及打包发布

2023-05-26 0 222

一、化解布吕马

1.在工程项目的子目录下建立两个proxy.conf.json文档

angular解决跨域及打包发布

2.修正文档文本为:

3.修正package.json文档

将ng serve修正为ng serve –proxy-config proxy.conf.json

这一步棋是实用性指示的输入框,假如新颖ng serve间接开启,也能不修正package.json文档。

就此结束,布吕马难题早已化解。此种形式实际上是在增容的操作过程中方便快捷他们防止布吕马增添的麻烦事,正式发布到伺服器以后须要build工程建设,这时就不须要此种形式。

二、装箱正式发布

1.新颖cli指示装箱时,他们先建立三个文档用作放置试验和制造自然环境的api门牌号。

angular解决跨域及打包发布

文本如下表所示:

angular解决跨域及打包发布

2.在http请求处拼接api门牌号。

3.修正package.json中”build”:”ng build –base-href ./”。–base-href的作用是在index.html中生成<base href=”./”>,表示在当前的工程建设目录下。

4.静态资源,比如图片尽可能放到assets目录下,并修正相应的资源访问路径,比如./assets/images/xxx,这样就能在装箱后找到相应资源。

5.使用npm run build即可完成试验自然环境的装箱,同理,制造自然环境装箱使用prod的后缀即可。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务