我爱模板网 > 建站教程 > 前端框架 >  Invalid Host header服务器域名访问出现的问题正文

Invalid Host header服务器域名访问出现的问题

vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header

经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问。这样有2中方法,一种是设置跳过host检查,一种是直接host设置成你的地址。

1、关闭host检查

可以在build目录下的webpack.dev.conf.js文件,devServer下添加disableHostCheck: true,跳过检查



同样的原理,可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true



2、设置成你的host,加入你的host是xxx.com,同样2中方法,修改配置文件,和script命令

在config目录下修改index.js文件的host,这个默认是localhost,可修改成   xxx.com



package.json的script语句: webpack-dev-server --host=xxx.com或者--public=xxx.com

部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:关于uni-app中使用webview和H5通讯及传参问题 下一篇:vue 引入全局变量和全局函数
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢