在开发页面时,经常需要将页面远程展示给领导或同事看,而且需要及时根据反馈意见进行调整。Angular默认的设置只支持本地电脑调试运行。Angular也支持通过IP远程访问调试页面,只需要按照如下步骤设置即可:
1、修改 package.json 中的调试启动指令:
"scripts": {
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --open --port 8080"
},
2、修改webpack调试配置:
需要修改的文件路径 :node_modules/webpack_dev_server/lib/Server.js。 将 checkHeaders() 方法最后的 return false 修改为 return true 。
以上修改完成后执行 npm run start 启动调试,别人就可以通过远程IP访问你的调试页面了。