1.场景 在本地运行的Vue项目,当他人需要访问本地项目时,由于没有外网的服务器,这时需要使用内网穿透(也就是代理)提供的域名来访问本地 2.问题 在通过内网穿透访问时出现Invalid Host header提示信息 3.解决方法 在vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } } ---End-...
出现Invalid Host header解决办法 内网穿透 适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以....
1.打开Vue项目下的build目录,找到webpack.dev.conf.js这个文件 2.找到图中位置,在此处加上这段代码:disableHostCheck : true 3.重新启动Vue项目:npm run dev 或者 npm start,即可正常使用
内网穿透访问VUE项目提示:Invalid Host/Origin header的原因: 新版的webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问。 解决方案: 代码语言:javascript 复制 // vue.config.js文件中module.exports={devServer:{disableHostCheck:true}} 找到8079和8080的vue项目,修改对应的配...
【Vue】解决Vue项目做内网穿透后访问 Invalid Host header.,教你如何解决Vue项目做内网穿透后访问InvalidHostheader.
问题:使用花生壳内网穿透只返回304,invalid host header 原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。 解决:webpack.dev.conf.js添加配置 disableHostCheck: true, devServer:{clientLogLevel:'warning',historyApiFallback:{rewrites:[{from:/.*/,to:path....
内网穿透访问Vue项目的时候出现Invalid Host header解决办法 在本地做内网穿透的时候 有时候会出现 Invalid Host header 错误 ,这是最新webpack-dev-server做的安全防护 可以如下 在package.json 文件中添加 --disableHostCheck=true
内网穿透 vue 返回 invalid host header 简介:问题:使用花生壳内网穿透只返回304,invalid host header原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。 问题:使用花生壳内网穿透只返回304,invalid host header...
vue局域网内使用电脑名访问出现Invalid Host header的解决版本 目录 一、问题描述 二、解决方案 一、问题描述 当前局域网内搭建vue项目,默认使用localhost访问项目服务器,需要另外一台电脑访问时,需要使用该服务器的IP + 端口号才能访问。而服务器因为种种原因ip地址不固定,经常需要变化,此时其他电脑要访问就需要先到...
第一步:进入修改文件本地ip地址 这里的地址一定要跟你的映射地址一样 端口也要一致 第二步:找到 devServer下的hot,再下面添加 disableHostCheck: true,//解决127.0.0.1指向其他域名时出现"Invalid Host header"问题 如图:... Invalid Host header 服务器域名访问出现的问题 ...