问题场景:
vue在开发时只能在本地浏览器里查看效果,我想在手机端真机调试,连接的代码还是本地环境,这样就不用频繁的发布了,于是绑定域名并指向本机的localhost:8080;
但是用域名访问时浏览器输出确报错了;
Invalid Host header
原因:
webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问。
解决方案
可以直接关闭检测:
在 vue.config.js 文件内增加
module.exports = {
devServer: {
disableHostCheck: true
}
}