natapp内网穿透代理vue项目出现Invalid Host header

最新推荐文章于 2025-04-15 12:13:18 发布
最新推荐文章于 2025-04-15 12:13:18 发布
阅读量1.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/javaScript_want/article/details/102464469
版权

natapp内网穿透代理vue项目出现Invalid Host header解决方法：
在build文件中找到webpack.dev.conf.js中加上这句代码：
在这里插入图片描述

want、
关注
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
natapp遇到Invalid Host header问题的解决方案
Xiaoqiang_1997的博客
12-13 4510
近期公司安排跟企业微信对接。用到了natapp内网穿透，natapp配置好之后访问前端页面出现invalid host header问题。 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = {
【natapp】穿透访问vue项目出现Invalid Host header
qq_36723436的博客
05-23 579
vue.config.js 将允许访问开发服务器的服务列入白名单 module.exports = { devServer: { allowedHosts: [".natappfree.cc"], }, }; webpack配置文档链接 https://webpack.docschina.org/configuration/dev-server/#devserverallowedhosts
内网穿透访问Vue项目时出现Invalid Host header解决办法
最新发布
panggaunzi的博客
04-15 359
在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑.原本是disableHostCheck: true，后来更新成allowedHosts:'all'内网穿透工具:我用的是sealos部署 frp. 使用非常简单,可根据。在vue.config.js文件中加入以下代码。
解决vue脚手架5.0版本使用natapp访问时出现invalid Host header问题
qq_52016756的博客
07-26 919
使用vue脚手架的时候，执行了npmrunserve后出现对应的端口号，然后去natapp网站里设置相应的端口号，开启渗透，在访问此端口的时候，出现了invalidHostheader，此时，针对vue脚手架版本为5的情况下，只需要在目录里vue.config.js里设置一下的代码，假如在开启natapp后，我的随机域名就是。然后对应的allowedHosts里写入.natappfree.cc。在vue.config.js里设置访问域名即可。...
Vue 项目中出现 Invalid Host header 解决办法
qq_44290077的博客
08-31 2246
问题提出 当使用 natapp ，对 Vue 项目进行内网穿透时，访问项目外网网址出现 Invalid Host header 情况。 解决方法 在项目的根目录下，应该有一个 vue.config.js 文件，如果没有直接新建一个，然后在其中加入配置 module.exports = { devServer: { disableHostCheck: true } } 再访问项目外网网址，发现问题已经解决。 ...
内网穿透时一直报 Invalid Host header 问题
Harrytsz的博客
09-16 1482
在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问。可以在build目录中的webpack.dev.config.js中添加如下配置： //webpack.dev.config.js devServer: { disableHostCheck: true, } ...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
双眸
05-09 4484
适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. Mac内网穿透工具：natapp Invalid Host header 当启动了natapp以后, 就这个用natapp提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问...
记录natapp内网穿透使用
Cchen的博客
08-20 599
可以访问的外网为 http://9vz7ew.natappfree.cc （即 127.0.0.1:10000 ）2、执行命令 natapp -authtoken=刚刚你申请的authtoken。购买之后,还可以再次配置,更改端口等信息。这里我选择windows 64 位。其中authtoken很重要。1、打开natapp.exe。本地对外的端口为10000。1 登录,购买免费隧道。说明已经开启了外网映射。
vue项目访问Invalid Host header
02-09
### 解决 Vue 项目中的 `Invalid Host header` 问题 当在开发环境中尝试通过外部网络访问本地运行的 Vue 应用程序时，可能会遇到 `Invalid Host header` 错误消息。这通常发生在使用内网穿透工具（如 ngrok 或 ...
本地内网穿透vue2 Invalid Host header
05-02
这个错误通常是由于使用了反向代理或负载均衡器等中间件，导致请求的 Host 头与实际的主机名不一致而引起的。解决这个问题需要修改 Vue.js 项目的配置。 你可以在 `config/index.js` 文件中添加一行配置： ```js ...
natapp出现Invalid Host header
09-01
当使用natapp进行内网穿透时，有时可能会遇到"Invalid Host header"的问题。这个问题通常是由于请求头中的Host字段与服务器配置不匹配所导致的。 解决这个问题的方法有几种。如果你使用的是vue脚手架版本为5，你...
natapp解决Invalid Host header的问题
10年职场两茫茫，35岁凄凉奈若何
08-07 647
natapp解决Invalid Host header的问题
natapp域名访问报错Invalid host heade
qq_33359214的博客
09-23 529
natapp域名访问报错Invalid host heade 使用natapp进行vue项目地址的映射 新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问 此时，只需要在build目录下的webpack.dev.conf.js中添加 devServer:{ disableHostCheck:true } ...
【3分钟前端】Invalid Host header报错、vue项目盯盯内网穿透、同时开两个穿透
怎样过不是过的博客
03-01 841
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 natapp 内网穿透调试错误
06-24 825
1、Invalid Host header 错误 ,可将 webpack-dev-server disableHostCheck 设置为true .或者在 隧道配置 Host Header 处修改
Vue项目设置代理解决开发环境下的跨域问题
热门推荐
一位不知名小前端的一些笔记
11-29 2万+
首先需要安装axios，推荐使用npm安装 $ npm install axios --save 配置config->index.js中的proxyTable，内容如下： proxyTable: { '/api': { target: 'http://happymmall.com',// 请换成你的地址 changeOrigin:...
vue工程 内网穿透 出现Invalid Host header
u011939977的博客
05-11 167
当启动了sunny-ngrok的客户端以后, 就这个用sunny-ngrok提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下 vue-cli3中: // vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值