使用NATAPP内网穿透

最新推荐文章于 2024-08-20 22:54:27 发布

chelflan

最新推荐文章于 2024-08-20 22:54:27 发布

阅读量1.2k

点赞数

分类专栏： vue 网站文章标签：内网穿透 natapp vue内网穿透

本文链接：https://blog.csdn.net/qq_31001889/article/details/125001697

版权

vue 同时被 2 个专栏收录

51 篇文章

订阅专栏

网站

2 篇文章

订阅专栏

使用NATAPP内网穿透

1.问题：需要远程调试接口

开发环境: vue.js

2.解决：使用natApp进行内网穿透，以前用过花生壳，现在感觉没有以前好用了，故而使用natapp来进行穿透

以下是官网地址，很详细，自用

NATAPP1分钟快速新手图文教程

3.遇到的问题

当我把natapp的环境弄好了，在使用到我的vue.js中的时候提示跨域问题。
changeOrigin: true, 设置为true即可
解决代码如下:

devServer: {
		proxy: {
			"/api": {
				target: "http://5qjb9b.natappfree.cc",
				changeOrigin: true,
				pathRewrite: { "^/api": "" },
			},
		},
	},

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chelflan

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用Natapp内网穿透工具，将内网地址映射为外网地址

gtlishujie的博客

09-05

847

最近由于项目需要，测试小程序在手机端的显示效果，自己电脑本地的内网地址访问不到，所以需要将内网地址映射为外网地址，这样内网就能访问我的内网项目了。在网上找了一些工具，像花生壳、nat123这些工具，很多都收费了。

[natapp 内网穿透] 内网访问不了，就使用内网穿透

汤圆的博客

05-20

1236

去NATAPP里面购买隧道输入自己的想要的域名进行启动测试启动连接域名输入 =============== natapp -authtoken=???(下面的authoken) 连接成功看看是不是能访问本地的服务开启tomcat的服务然后用域名的地址成功访问 8080的服务 ...

2 条评论您还未登录，请先登录后发表或查看评论

natapp网络穿透

01-29

natapp网络穿透，实现跨域访问，服务器更新:全面支持HTTPS协议以及本地SSL证书,支持WSS协议.同时支持HTTP/2 WEB协议,支持微信小程序本地开发全面自动支持泛子域名与访客真实IP地址

内网穿透-端口映射-跨域问题解决

qq_39497997的博客

08-10

5063

内网穿透 server.port=80 跨域问题 @CrossOrigin

如何使用natapp实现内网穿透

不知名博客

03-10

648

文章目录配置测试配置官网地址:https://natapp.cn/ 登陆注册并登陆账号密码以后点击购买渠道购买选择此软件域名要映射的端口即可(演示的是9000) 查看自己的authtoken 编辑配置文件,输入自己的authtoken即可运行natapp.exe,即可开启,以下域名会定期改变,但是映射的端口不会变(9000) 测试创建了一个springboot项目,端口是9000 启动启动类后,浏览器通过以上域名(打开natapp.exe后出现的) 访问此接

natApp进行内网穿透-外网访问前端本地运行项目

红岸基地

04-14

2630

业务场景我们在进行前端项目开发的过程中，前端的项目的本地服务都是跑在我们自己电脑上的，比如说我们的vue项目运行起来以后是直接运行在127.0.0.1（localhost）环境下的，别的同事想访问的时候，需要在同一个局域网访问你的电脑本机地址才可以，那么就存在一个业务场景，比如测试或者别的同事你的老板想看效果，但是不在同一局域网，你因为没有完全实现结束，不可能直接发布到服务器上给他们看，所以这个时候需要进行外网访问你的本机运行的服务！解决什么问题外网访问你本地运行的前端项目使用工具 nat

即昨天之后今天搞kali使用natapp内网穿透

qq_45873689的博客

07-28

1371

开门见山不水开局就是注册natapp 然后实名制获取免费资格然后免费用通道获得下的参数我是直接用windows系统在natapp官网客户端下载的liunx64位同时记住你的版本号一会有用下载好了直接传给kali虚拟机剪切到主目录里面就行了然后打开kali终端输入 ls 查看到了，然后打开输入 ls natapp 输入命令 ./natapp-authtoken=********ab89 （这个等于号后面的就是前面免费隧道里面的authtoke...

natapp内网穿透工具

05-24

【标题】：“natapp内网穿透工具” 【描述】：“natapp内网穿透工具”是一种解决方案，它允许在没有固定公网IP或者受到防火墙限制的内网环境下，通过互联网访问内网中的服务。这种工具的核心功能是实现内网与公网...

记录natapp内网穿透使用

Cchen的博客

08-20

595

可以访问的外网为 http://9vz7ew.natappfree.cc （即 127.0.0.1:10000 ）2、执行命令 natapp -authtoken=刚刚你申请的authtoken。购买之后,还可以再次配置,更改端口等信息。这里我选择windows 64 位。其中authtoken很重要。1、打开natapp.exe。本地对外的端口为10000。1 登录,购买免费隧道。说明已经开启了外网映射。

natapp内网穿透、好用

05-24

"natapp内网穿透、好用"的标题和描述都强调了它的易用性和实用性。 natapp的工作原理大致如下： 1. **服务器端**：natapp在云端部署了一组服务器，这些服务器拥有公网IP，可以接收来自公网的请求。 2. **客户端**...

natapp客户端

07-28

网络穿透技术，微信开发使用：因为微信开发需要备案域名指向80端口

将内网IP映射成对外可访问的域名——NATAPP使用教程

qq_43256012的博客

07-26

4317

ngrok和natapp个人来说还是喜欢natapp一些，因为natapp是国内的。下面快速介绍natapp的使用： natapp是基于ngrok的国内高速内网穿透服务商。所以相对来说还是比较稳定，访问速度回快一些。 1、下载natapp，官网地址：https://natapp.cn/ 2、进入官网注册 3、注册成功后进入以下界面，购买一个免费通道或者买一个，需要实名认证（填姓名和身份证） ...

143_iOS干货50_认识几个概念：跨域问题和内网穿透

a_horse的博客

05-09

1152

一，跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。之所以会跨域，是因为受到了同源策略的限制，同源策略要求源相同才能正常进行通信，...

前端vue和django后端数据交互，跨域问题的解决

win_zcj的博客

07-06

2124

一：前言再前后端的数据交互问题上，经常会遇到跨域问题。即这个错误 Access to XMLHttpRequest at ‘http://127.0.0.1:8000/api/test/‘ from origin ‘http://127.0.0.1:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

vue如何通过配置proxy解决跨域问题

weixin_44066534的博客

03-07

1703

原本在用axios做数据请求的时候我就打算用CORS解决跨域问题，奈何跟我做配合的后端成员用natapp做内网穿透给到的数据接口没有在服务器做CORS跨域需要的相关请求头配置，那这个时候就只能在前端解决跨域问题。在vue中配置代理proxy解决跨域用vue-cli脚手架搭建的项目里，打开config文件夹里的index.js文件做相关配置 module.exports = { dev: { assetsSubDirectory: 'static',//静态资源目录 proxyTab

natapp-内网穿透

懒散的蜗牛

10-24

189

将本地web项目放到公网上进行访问

解决NATAPP.CN在vue项目中 invalid host header 问题

C_TopTopTop的博客

12-15

502

重新访问即可，因为我本地连的后端本地有跨域问题，后续使用了跨域浏览器访问，（跨域浏览器----》之前有记录）需要的话重新配置隧道里的端口号。

使用NATAPP内网穿透详细步骤

张张张的博客

10-27

742

在开发过程中，避免不了前端和后端不在一个局域网下，这时候，前后端联调的时候，前端访问不到后端的服务器，使用穿透就可以解决这个问题。5、下载之后，解压到任意目录，看见natapp.exe。看到这个界面就成功了，访问红框中的地址就可以访问了。3、击购买渠道（选择免费渠道即可）7、运行natapp.exe，4、选择自己电脑版本进行下载。2、进行注册，然后登录。6.我的渠道获取自己的。

Natapp内网穿透部署本机服务器的JavaWeb项目流程

qq_53324833的博客

11-02

908

前言看了这篇文章，你就可以让你的小伙伴远程访问你自己写的网站啦！真的很刺激很有成就感，赶紧试一试吧！其实类似的博客都还挺多的，但是我自己还是再总结一下吧！正文点击链接 https://natapp.cn/ ，在Natapp官网上注册个免费的账户：官网：点击右上角免费注册，流程就不说了，注册账号应该都挺有经验的。注册完账号之后，可以购买隧道，如果有钱就买贵的，没钱就用这个免费的就好了。点击免费隧道后，跳转到下面页面，切记这个端口号是你前端项目的端口号，要注意区别：因为我的项目是前后端分离

natapp内网穿透跨域中本地端口的80和8000和8080又什么区别

最新发布

04-03

### 不同本地端口在 Natapp 内网穿透中的区别 Natapp 是一款用于内网穿透的工具，其主要功能是将内网服务暴露到公网中。当使用不同的本地端口（如 80、8000 和 8080）时，这些端口的选择会对服务的功能性和兼容性产生一定影响。 #### 1. **端口选择的影响** - **端口 80**: 这是一个标准 HTTP 协议使用的默认端口。如果用户未指定端口号，则浏览器通常会尝试连接到此端口。因此，在配置 natapp 使用端口 80 的情况下，外部访问者无需显式输入端口号即可直接访问服务[^3]。 - **端口 8000 和 8080**: 这两个是非标准的 HTTP 端口，常用于开发环境下的测试服务器或其他自定义应用。由于它们不是默认端口，外部访问者需要手动附加端口号来访问服务。例如，`http://example.com:8000` 或 `http://example.com:8080`[^4]。 #### 2. **性能与安全性差异** - 在安全方面，非标准端口（如 8000 和 8080）可能会减少一些自动化扫描器的关注度，从而降低潜在的安全风险。然而，这并不意味着它们更安全；真正的安全性取决于应用程序本身的防护措施。 - 对于性能而言，不同端口之间并无显著差别，除非操作系统或防火墙对某些端口施加了额外限制[^1]。 #### 3. **跨域关系分析** 跨域问题是指因浏览器同源策略 (Same-Origin Policy) 导致的不同源之间的资源请求受到限制的情况。即使通过 natapp 实现了内网穿透并公开了一个服务，但如果前端页面和服务端 API 来源于不同的域名或端口组合，仍然会发生跨域问题。以下是具体场景说明： - 如果前端运行在一个带有特定端口的服务上（比如 http://localhost:3000），而后端则位于另一个端口（例如 http://localhost:8080），此时即便两者都经过 natapp 映射到了同一个公共 URL 下，仍需解决跨域问题，因为客户端视角下它们属于不同源[^2]。 - 解决方案之一是在后端设置 CORS 头部允许来自指定前端地址的请求。另一种方法则是借助反向代理机制统一入口路径，使得前后端看起来像是同一来源。 ```javascript // 设置CORS头的一个例子 const express = require('express'); const app = express(); app.use((req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); app.listen(8080); ``` ### 结论综上所述，虽然 natapp 提供了一种便捷的方式让内网服务能够被外网访问，但在实际操作过程中还需要考虑诸如端口选择带来的用户体验变化以及可能出现的跨域挑战等问题。合理规划端口分配，并采取适当的技术手段应对跨域难题是非常重要的。