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

时间:2024-04-12 18:58:22

方法亲测有效,如有问题,欢迎下方留言!

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

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

解决办法:设置跳过host检查

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

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

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

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

  3、如上修改,即可通过你设置的域名加端口号成功页面访问。