vue项目代理访问时Invalid Host header

最新推荐文章于 2024-04-26 16:38:08 发布
最新推荐文章于 2024-04-26 16:38:08 发布
阅读量1k 收藏 3
点赞数 1
分类专栏： Vue 前端 文章标签： Invalid Host header vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37346639/article/details/100039558
版权
前端 同时被 2 个专栏收录
46 篇文章 2 订阅
订阅专栏
Vue
29 篇文章 2 订阅
订阅专栏

vue项目使用ngrok代理时，访问网站出现Invalid Host header

主机头无效？因为webpack出于安全考虑，默认检查hostName，如果hostName不是配置内的就不能访问。如果想访问，直接跳过检查就行了。直接在vue.config.js中的devServer中加入。（本人是vue3+，如果是vue2的朋友应该是在config文件夹下的index.js中的dev中加入就行了）

disableHostCheck: true,//代理时直接跳过检查

邹田聪
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 项目代理设置的优化
12-12
Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTable 或者直接使用 Webpack-dev-server提供的 proxy 选项。它是采用了 http-proxy 库，所以具体配置可查看： https://github.com/nodejitsu/node-http-proxy#options 利用配置的这些参数我们可以做更为灵活的配置，达到更好的效果 使用需求 假设我们本地开发目前以下几种状态： 本地开发，数据使用本地的 mock S
Springboot+Vue2在使用花生壳时invalid host header问题
最新发布
m0_50573190的博客
04-26 360
设置跳过host检查。
解决vue项目中出现Invalid Host header的问题
01-18
在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中使用wangeditor富文本编辑器 1.先下载 编辑器 cnpm install wangeditor –save 2.用法： 2.1、html
vue内网穿透问题：Invalid Host header
楊帥
04-06 2806
问题背景： 为了能让外网访问我的电脑，使用了内网穿透Ngrok，然后用vue-cli3创建了vue项目，项目运行正常，用Ngrok提供的地址访问，Ngrok显示200访问成功，但是网页上确提示错误Invalid Host header 解决办法： 项目创建的时候是没有vue.config.js文件的，需要自己手动创建一个 然后编写： module.exports = { devServer: { open: true,//启动项目后自动开启浏览器 disableHostCheck:
Invalid Host header 服务器域名访问出现的问题
weixin_51225684的博客
02-27 1650
经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。同样的原理，可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true。package.json的script语句: webpack-dev-server --host=或者--public=
Vue——解决 Vue 项目 invalid host header 问题
weixin_43551242的博客
08-31 1691
解决 invalid host header 问题
vue项目本地映射到外网访问时出现 Invalid Host header
不忘的博客
11-19 894
新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。通过公网访问本机运行的vue项目，访问时遇到的问题。
内网穿透 vue出现 Invalid Host header 错误提示解决办法
时不我待
02-27 511
最近发现新浪的SAE可以支持创建NODE环境应用，于是想将本地的VUE项目部署上去体验一下效果，结果是折腾了一上午，遇到了各种环境问题，解决了各种插件版本问题，终于可以启动服务器了，最后打开页面却提示 Invalid Host header。又是一通百度，最后找到了如下的解决办法，以下内容是原文照搬的，最后有原文地址。
vue项目中的“Invalid Host header”
彭世瑜的博客
01-06 2163
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
ngrok内网穿透 vue 返回 invalid host header解决办法
邪小新的博客
10-10 4827
使用ngrok内网穿透只返回304，invalid host header 原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。 解决：webpack.dev.conf.js添加配置 disableHostCheck: true, disableHostCheck: true ...
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
热门推荐
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
【ngrok】内网穿透访问Vue项目的时候出现Invalid Host header解决办法
floating_lumb的博客
11-19 949
内网穿透访问Vue项目的时候出现Invalid Host header解决办法 vue-cli3中: // vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } } 添加disableHostCheck这行代码后正常启动即可
uni-app - Invalid Host header （访问网页出现此报错信息，主机标头无效）详细解决方案
王佳斌
11-28 5571
uniapp Invalid Host header，Invalid Host header 问题解决，uniapp 报错Invalid Host header，Invalid Host header 服务器域名访问出现的问题，解决uni-app 用nginx反向代理出现Invalid Host header问题，uniapp 项目访问报错Invalid Host header，uniapp 项目中 报错Invalid Host header时该如何处理，uniapp 报错Invalid Host head
uniapp 项目中 报错Invalid Host header时该如何处理
qq_38317076的博客
07-06 1275
设置h5 配置里 devServer 里的 disableHostCheck为true即可。放在h5 的配置里即可 重启 完活。
vue配置proxy跨域代理
weixin_68658847的博客
01-08 4274
vue配置proxy跨域代理
vue配置代理proxy
m0_55333789的博客
03-28 363
vue配置代理proxy
vue中的代理proxy
codewhy的博客
12-02 2167
文章目录问题跨域的解决方案原理核心配置扩展几个常用的devServer配置 问题 我们本地调试一般都是 npm run serve，然后打开 本机ip:8080（localhost:8080）对吧，这时候我们要调接口调试，后端的接口的地址可能在测试环境，也可能是自己电脑的 ip，总之不是你的 lcoalhost:8080，那么你调接口就会产生跨域，那么怎么办呢？就需要proxy出场了 跨域的解决方案 jsonp cors Node中间件代理(两次跨域) nginx反向代理 CORS支持所有类型的HTTP
vue配置本地ip访问Invalid Host header
06-08
这个错误一般是由于Vue项目的配置文件中设置了不正确的`publicPath`或`devServer.public`导致的。你可以尝试以下几种方法来解决这个问题： 1. 在`vue.config.js`中添加以下代码： ```javascript module.exports = { devServer: { disableHostCheck: true } } ``` 这将允许你使用本地IP地址访问你的Vue应用。 2. 将`publicPath`设置为`'/'`： ```javascript module.exports = { publicPath: '/', // ... } ``` 3. 将`devServer.public`设置为你的本地IP地址： ```javascript module.exports = { devServer: { public: '192.168.1.100', // 你的本地IP地址 // ... }, // ... } ``` 这样就可以通过本地IP地址访问你的Vue应用了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

邹田聪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值