vue3.0 本地调试时Invalid Host header

问题场景:

vue在开发时只能在本地浏览器里查看效果,我想在手机端真机调试,连接的代码还是本地环境,这样就不用频繁的发布了,于是绑定域名并指向本机的localhost:8080;
但是用域名访问时浏览器输出确报错了;

Invalid Host header

原因:

webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问。

解决方案

可以直接关闭检测:
在 vue.config.js 文件内增加

module.exports = {
    devServer: {
        disableHostCheck: true
    }
}

你可能感兴趣的:(vue3.0 本地调试时Invalid Host header)