调试环境的问题
Angular启动打包调试的命令是ng serve. ng serve默认对应的页面地址是localhost:4200. 在这个环境下, 有些资源的加载就会出现问题. 比如图片资源无法加载, 视频无法打开, 广告加载失败等. 主要是跨域或后端限制造成的. 因此, 所以如果可以在ng serve的调试环境配置中指定域名问题应该就能解决.
配置域名的方法
- 在C:\Windows\System32\drivers\etc\hosts文件中配置:
127.0.0.1 www.abc.com
- 在angular项目根目录package.json中配置:
"scripts": {
"debug": "ng serve --host www.abc.com --port 80 --live-reload false",
}
复制代码
- 在angular项目根目录运行命令:
npm run debug
复制代码
- 在浏览器打开地址
www.abc.com
复制代码
参数的含义参考可如下地址: