vue 项目中访问出现 Invalid Host header

Posted amy2017

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 项目中访问出现 Invalid Host header相关的知识,希望对你有一定的参考价值。

使用vue-cli 构建vue项目,使用了nginx 做了反向代理,访问项目出现

技术图片

原因:webpack-dev-server 检查 host,如果不是配置的内容,将不能访问

解决:在webpack.dev.conf.js 中,添加如下代码

1 devServer: {
2  disableHostCheck: true
3 }

添加此内容可绕过主机检查。

以上是关于vue 项目中访问出现 Invalid Host header的主要内容,如果未能解决你的问题,请参考以下文章

vue 内网穿透后访问域名本地提示 Invalid Host header

vue 内网穿透后访问域名本地提示 Invalid Host header

Django运行访问项目出现的问题:Invalid HTTP_HOST header: '192.168.114.25:8001'. You may need to add u'

记录解决uni-app 用nginx反向代理出现Invalid Host header问题

vue 报错 Invalid Host/Origin header

Invalid HTTP_HOST header: ‘xxx.xx.xxx.xxx:8000‘.