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

vue-cli搭建的环境，开发是用webpack-dev-server做代理服务器，访问时显示：Invalid Host header

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

1、关闭host检查

  • 可以在build目录下的webpack.dev.conf.js文件，devServer下添加disableHostCheck: true，跳过检查
image.png
  • 同样的原理，可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true
image.png

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

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


    image.png

  • package.json的script语句: webpack-dev-server --host=xxx.com或者--public=xxx.com
    ————————————————
    版权声明：本文为CSDN博主「cookysurongbin」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
    原文链接：https://blog.csdn.net/Cookysurongbin/article/details/86077241

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容