最近在Chrome浏览器调试的时候遇到一个问题，浏览器的控制台一直报错 Invalid Host/Origin header，在百度上看到也有人遇到过这个问题，

作者给出的解释是这是​​webpack​​​本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉​​disableHostCheck​​这一配置项。

也给出了解决方案：在webpack.config.js配置文件中添加以配置——disableHostCheck:true

但是我的这个项目用的是Angular6，项目里面没有这个webpack.config.js文件，这样的话我们需要在angular.json文件里面，修改一个builder名为@angular-devkit/build-angular:dev-server的配置，在它的options里面添加“disableHostCheck”:true

附上我的angular.json的相关代码片段：

1. "serve": {
2. "builder": "@angular-devkit/build-angular:dev-server",
3. "options": {
4. "browserTarget": "angular-antd:build",
5. "disableHostCheck": true
6. },
7. "configurations": {
8. "production": {
9. "browserTarget": "angular-antd:build:production"
10. }
11. }
12. },