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

natapp内网穿透代理vue项目解决InvalidHostheader
最新推荐文章于 2024-08-20 22:54:27 发布
原创 最新推荐文章于 2024-08-20 22:54:27 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

want、
关注
Uniapp 持续出现 Invalid Host/Origin header 解决方法
码农研究僧的博客
04-02 605
出现这个问题通常是因为 Webpack Dev Server (WDS) 的 host 校验 导致的，可能的原因包括如下
使用natapp实现内网穿透
记录每日学习的知识&技术
12-02 1635
内网穿透简单来说就是将内网和外网通过natapp隧道打通,让内网的数据可以让外网获取。比如常用的办公室软件等，一般在办公室或家里，通过拨号上网，这样办公软件只有在本地的局域网之内才能访问。运行natapp隧道之后，natapp会分配一个专属域名/端口,办公软件就已经在公网上了,在外地的办公人员可以在任何地方愉快的访问办公软件了在开发时可能会有将自己开发的机器上的应用提供到公网上进行访问，但是并不想通过注册域名、搭建服务器；由此可以使用内网穿透。
【natapp】穿透访问vue项目出现Invalid Host header
qq_36723436的博客
05-23 636
vue.config.js 将允许访问开发服务器的服务列入白名单 module.exports = { devServer: { allowedHosts: [".natappfree.cc"], }, }; webpack配置文档链接 https://webpack.docschina.org/configuration/dev-server/#devserverallowedhosts
解决vue脚手架5.0版本使用natapp访问时出现invalid Host header问题
qq_52016756的博客
07-26 993
使用vue脚手架的时候，执行了npmrunserve后出现对应的端口号，然后去natapp网站里设置相应的端口号，开启渗透，在访问此端口的时候，出现了invalidHostheader，此时，针对vue脚手架版本为5的情况下，只需要在目录里vue.config.js里设置一下的代码，假如在开启natapp后，我的随机域名就是。然后对应的allowedHosts里写入.natappfree.cc。在vue.config.js里设置访问域名即可。...
Vue 项目中出现 Invalid Host header 解决办法
qq_44290077的博客
08-31 2335
问题提出 当使用 natapp ，对 Vue 项目进行内网穿透时，访问项目外网网址出现 Invalid Host header 情况。 解决方法 在项目的根目录下，应该有一个 vue.config.js 文件，如果没有直接新建一个，然后在其中加入配置 module.exports = { devServer: { disableHostCheck: true } } 再访问项目外网网址，发现问题已经解决。 ...
内网穿透时一直报 Invalid Host header 问题
Harrytsz的博客
09-16 1588
在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问。可以在build目录中的webpack.dev.config.js中添加如下配置： //webpack.dev.config.js devServer: { disableHostCheck: true, } ...
natapp遇到Invalid Host header问题的解决方案
Xiaoqiang_1997的博客
12-13 4648
近期公司安排跟企业微信对接。用到了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内网穿透使用
Cchen的博客
08-20 747
可以访问的外网为 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 ...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
双眸
05-09 4546
适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. Mac内网穿透工具：natapp Invalid Host header 当启动了natapp以后, 就这个用natapp提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问...
natapp解决Invalid Host header的问题
10年职场两茫茫，35岁凄凉奈若何
08-07 659
natapp解决Invalid Host header的问题
natapp域名访问报错Invalid host heade
qq_33359214的博客
09-23 553
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 901
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 1100
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 180
当启动了sunny-ngrok的客户端以后, 就这个用sunny-ngrok提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下 vue-cli3中: // vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } } ...
nginx代理的vue项目--natapp内网穿透真机调试
huanhuan03的博客
12-27 1779
nginx代理的vue项目 natapp内网穿透 真机运行
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值