长虫山小木屋

没有谁会为你踏雪而来 喜欢的风景要躬亲筚路

  博客园  :: 首页  :: 新随笔  :: 联系 ::  :: 管理

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

posted on 2020-01-03 10:53  长虫山小木屋  阅读(255)  评论(0编辑  收藏  举报