Angular:問題に対する無効なホスト/オリジンヘッダーソリューション



Angular Invalid Host Origin Header Solutions Problems



最近、Chromeブラウザのデバッグ時に問題が発生しました。ブラウザベースのコンソールに無効なホスト/オリジンヘッダーのエラーがあります。Baiduでもこの問題が発生していることがわかりました。参照リンク: https://blog.csdn.net/u013243347/article/details/85223016

著者による説明は、DNS再バインド攻撃に対して脆弱なホストアプリケーションをチェックしないため、これはセキュリティ上の理由からwebpackそれ自体であるというものです。ただし、開発環境では、無効にすることができますdisableHostCheckこの構成項目。



また、解決策を提供します:webpack.config.js構成ファイルのconfigure --disableHostCheckに追加:true

しかし、私はAngular6を使用しているこのプロジェクト、このwebpack.config.jsファイルを持たないプロジェクトを持っているので、 angle.json ファイル内で、@ angle-devkit build-angular /:dev-server configurationという名前のビルダーを変更し、オプションに「disableHostCheck」を追加します:true



私は angle.json 関連するコードフラグメント:

'serve': { 'builder': '@angular-devkit/build-angular:dev-server', 'options': { 'browserTarget': 'angular-antd:build', 'disableHostCheck': true }, 'configurations': { 'production': { 'browserTarget': 'angular-antd:build:production' } } },

参照: https://www.jianshu.com/p/c04dae23ed51