vue-cli解决Invalid Host header

2019-04-30899次阅读vue

webpack-dev-server新增了对host header的正确性检测,如果没有配置host 127.0.0.1 localhost,启动服务时报错getaddrinfo ENOTFOUND localhost,本地调试使用代理时报错"Invalid Host Header"。

启动服务时报错getaddrinfo ENOTFOUND localhost

解决方法是配置:host 127.0.0.1 localhost

使用代理时报错"Invalid Host Header"的解决

方法一:

package.json里配置webpack-dev-server --disable-host-check

方法二:

build/webpack.dev.conf.js中添加:disableHostCheck: true。

方法三:

项目根目录下新建Vue.config.js文件:

module.exports = {
    baseUrl: './',
    devServer: {
        disableHostCheck: true
    }
}

如果配置了host 127.0.0.1 test.com,本地代理访问test.com时就不会报错了

上一篇: Document​.create​Document​Fragment()文档片段节点  下一篇: VUE解决Invalid options in vue.config.js: "publicPath" is not allowed  

vue-cli解决Invalid Host header相关文章