vue项目提示Invalid Host header 解决方法

归云发布于 2021-02-07

🏷️ bug解决记录

最近在写vue的时候，想用我的测试域名（解析地址为127.0.0.1的一个域名）打开我的vue项目，vue却跑了
Invalid Host header 这个错误，这里写一下解决方法

vue项目提示Invalid Host header.png

原因
这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname
不是配置内的，则将中断访问
解决方法
在vue.config.js 添加配置 disableHostCheck: true 这个配置，例如

module.exports = {
    devServer: {
        host: '0.0.0.0',
        port: 80,
        disableHostCheck: true
    }
}

参考网址: https://juejin.cn/post/6844903667003310087

评论