在使用vue-cli脚手架创建项目之后，如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Host header”的错误。
这个是因为webpack为了安全而设计的，如果你不会webpack也没有关系。vue-cli很贴心的提供了一些配置，可以很快速的解决这个问题。
这里我们可以参考：https://cli.vuejs.org/config/#vue-config-js
我们需要在根目录下创建文件vue.config.js，然后填入如下内容
module.exports = {
devServer: {
host: '0.0.0.0',
hot: true,
disableHostCheck: true,
},
}
问题解决
在使用vue-cli脚手架创建项目之后，如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Hos...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法 添加disableHostChec...
Django运行访问项目出现的问题:DisallowedHost at / Invalid HTTP_HOST h...
用localtunnel将webpack暴露给外网,但是访问时出现'Invalid Host header'错误....
突如起来的问题 之前使用的是 @angular/cli 1.00，后发现新版本的@angular/cli升级后，...
昨天搭好ngrok内网穿透服务，今天就迫不及待的把它用到现在手上正在做的vue项目中，但是页面并没有成功的展示出来...
通过IP访问服务，需在命令行添加参数 --host 0.0.0.0 提示 invalid host header，...
npm start已经成功启动 无法访问 Invalid Host header 1.需要host npm st...
Invalid Host Header 问题描述 通过 http://xxx/#/login 访问基于 dev 分...
出现问题： 出现异常。 ArgumentError (Invalid argument(s): No host s...
本文标题：解决vue-cli脚手架访问出现“Invalid Host he
本文链接：https://www.haomeiwen.com/subject/ywhqcrtx.html
网友评论