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

发布于

最近在写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

评论