出现原因
为了给别人展示我的项目但两人又不在一个局域网内时, 我通过使用ngork来进行内网穿透将内网ip映射成一个外网可以访问的域名给他访问,但是当我完成内网穿透后却只访问到了Invalid Host header。通过搜索引擎得到了解决的方法,原来是因为项目的前端部分中vue框架引起的问题。
解决方法
- 在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
}
}
- vue-cli版本3.0以上的我没有查询到解决方法,可以尝试一下3.0的解决方法。