Angular配置调试环境的域名

调试环境的问题

Angular启动打包调试的命令是ng serve. ng serve默认对应的页面地址是localhost:4200. 在这个环境下, 有些资源的加载就会出现问题. 比如图片资源无法加载, 视频无法打开, 广告加载失败等. 主要是跨域或后端限制造成的. 因此, 所以如果可以在ng serve的调试环境配置中指定域名问题应该就能解决.

配置域名的方法

1. 在C:\Windows\System32\drivers\etc\hosts文件中配置:

127.0.0.1 www.abc.com

1. 在angular项目根目录package.json中配置:

  "scripts": {
    "debug": "ng serve --host www.abc.com --port 80 --live-reload false",
  }
复制代码

1. 在angular项目根目录运行命令:

npm run debug
复制代码

1. 在浏览器打开地址

www.abc.com
复制代码

参数的含义参考可如下地址:

angular.io/cli/serve