vue-cli項目報錯:Invalid Host header【2019-03-15】

【報錯原因】

新版的webpack-dev-server出于安全考慮,默認檢查hostname,如果hostname不是配置內的,將中斷訪問。

【解決方式】(兩種)

1.關閉host檢查

webpack.dev.conf.js:

devServer字段添加:disableHostCheck: true,跳過檢查。

vue.config.js:

devServer字段添加:disableHostCheck: true,跳過檢查。

package.json修改scripts命令:

scripts: {

? ? "dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config webpack.dev.conf.js"

}

2.手動將自己的域名設置為合法域名(假如域名為:xxx.com)

webpack.dev.conf.js:

devServer字段添加:host: 'xxx.com',指定合法域名。

vue.config.js:

devServer字段添加:host: 'xxx.com',指定合法域名。

package.json修改scripts命令(兩種方式):

(1)方式一

scripts: {

?????"dev": "webpack-dev-server?--host=xxx.com?--inline --progress --config webpack.dev.conf.js"? ??

}

(2)方式二

scripts: {

????"dev": "webpack-dev-server?--public=xxx.com?--inline --progress --config webpack.dev.conf.js"

}



#參考:https://blog.csdn.net/Cookysurongbin/article/details/86077241

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容