解决vue项目中的“Invalid Host header”_项目起来后页面显示invaild host header

作者：笔触狂放9 | 2024-02-26 21:44:02

踩

项目起来后页面显示invaild host header

最近在做一个微信公众号项目，用微信开发工具调试本地项目，需要做一下内网穿透，代理都配置好了，页面出现这个Invalid Host header错误，内网穿透工具我是用的frps做的，最后通过google找到方法，在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功


devServer: {
  disableHostCheck: true,
}

vue-cli版本3.0的情况下修改vue.config.js的配置


module.exports = {
  devServer: {
    disableHostCheck: true
  }
}

原文链接:https://www.xuanmo.xin/details/2869

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/147394