一、化解布吕马
1.在工程项目的子目录下建立两个proxy.conf.json文档
2.修正文档文本为:
3.修正package.json文档
将ng serve修正为ng serve –proxy-config proxy.conf.json
这一步棋是实用性指示的输入框,假如新颖ng serve间接开启,也能不修正package.json文档。
就此结束,布吕马难题早已化解。此种形式实际上是在增容的操作过程中方便快捷他们防止布吕马增添的麻烦事,正式发布到伺服器以后须要build工程建设,这时就不须要此种形式。
二、装箱正式发布
1.新颖cli指示装箱时,他们先建立三个文档用作放置试验和制造自然环境的api门牌号。
文本如下表所示:
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的后缀即可。