問題場景:
vue在開發(fā)時(shí)只能在本地瀏覽器里查看效果蚯斯,我想在手機(jī)端真機(jī)調(diào)試铜邮,連接的代碼還是本地環(huán)境洪规,這樣就不用頻繁的發(fā)布了,于是綁定域名并指向本機(jī)的localhost:8080莺禁;
但是用域名訪問時(shí)瀏覽器輸出確報(bào)錯(cuò)了;
Invalid Host header
原因:
webpack-dev-server增加了安全驗(yàn)證窄赋,默認(rèn)檢查hostname哟冬,如果hostname不是配置內(nèi)的,將中斷訪問寝凌。
解決方案
可以直接關(guān)閉檢測:
在 vue.config.js 文件內(nèi)增加
module.exports = {
devServer: {
disableHostCheck: true
}
}