内网穿透访问Vue3项目的时候出现Invalid Host header解决办法

vue3 invalid host header

重新配置vue.config.js。// 跳过检查host。

解决 invalid host header 问题

最近在做一个微信公众号项目，用微信开发工具调试本地项目，需要做一下内网穿透，代理都配置好了，页面出现这个Invalid Host header错误，内网穿透工具我是用的frps做的，最后通过google找到方法，在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功。PS:本人五年工作经验想寻求长期兼职（远程办公）~有个人项目或企业项目部署维护类的老板可私聊我~

当启动了sunny-ngrok的客户端以后, 就这个用sunny-ngrok提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下。 vue-cli3中:添加 // vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } } ...

刚刚开始vue3，配置路由的时候默认启动时/index, 然后本地服务器用的是Tomcat,正常点击页面能访问 但是点击浏览器刷新就会出现404，是什么原因呀 在根目录下的vue.config.js也配置了，还是不行， 上传到服务器倒是没什么问题，本地穿透就不会搞了，有知道的老哥吗？支个招嘻嘻...

新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。通过公网访问本机运行的vue项目，访问时遇到的问题。

App running at: - Local: http://localhost:9528 - Network: http://192.168.0.142:9528 一：vue项目使用内网穿透 cd到下载的钉钉穿透的文件夹下，然后运行命令行ding -config=ding.cfg -subdomain=cxl 9528 Tunnel Status online Version 1.7/1.7 Forwa...

解决 Vue 项目 invalid host header 问题disableHostCheck:true报错 问题描述 使用内网穿透时出现 invalid host header 找了好多都是让 配置vue.config.js 系统报错 // vue3 vue.config.js module.exports = { // 跳过检查host devServer: { disableHostCheck: true } } 按照上述进行配置时出现报错信息 在这里插入图片描述 原因分析： 根据报错提示 在web

解决方案根目录下新建 vue.config.js 添加以下代码到vue.config.js文件下 module.exports = { devServer: { disableHostCheck: true } } OK 解决

内网穿透vue项目的时候报错 invalid Host header 解决办法： 在vue.config.js中 配置devserver 中添加 disableHostCheck: true 就会解决！

问题背景： 为了能让外网访问我的电脑，使用了内网穿透Ngrok，然后用vue-cli3创建了vue项目，项目运行正常，用Ngrok提供的地址访问，Ngrok显示200访问成功，但是网页上确提示错误Invalid Host header 解决办法： 项目创建的时候是没有vue.config.js文件的，需要自己手动创建一个 然后编写： module.exports = { devServer: { open: true,//启动项目后自动开启浏览器 disableHostCheck: