这篇文章上次修改于 1998 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

最近用vue-cli3搭建了一个项目,结果一运行不停的报错,报错信息如下:

Invalid Host/Origin header

1
而且同时还发现另外一个问题,就是热更新也失效了

产生原因

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

解决方案
在根目录下创建文件vue.config.js,然后填入如下内容

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

重启服务,发现热更新也好了。