使用uTools实现Vue和SpringBoot前后端分离项目的内网穿透

最新推荐文章于 2024-12-26 10:01:43 发布
原创 最新推荐文章于 2024-12-26 10:01:43 发布 · 2k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#内网穿透

本文介绍如何使用uTools工具实现Vue与SpringBoot项目的内网穿透。通过配置内外网URL解决跨域请求问题，并提供Vue项目的特殊配置方法。

使用uTools实现Vue和SpringBoot前后端分离项目的内网穿透

UTools可以去官网下载，链接我也顺便放一下:

https://u.tools/

1.当大家看到这篇博客，肯定已经学会了vue和springboot，并且也知道了跨域请求，实际就是在vue设置访问的根路径，在springboot配置一个全局配置类，配置跨域请求

vue标题
springboot在这里插入图片描述

2.在uTools上搜索 内网穿透，点击标红的位置

在这里插入图片描述

在这里插入图片描述如果是前后端分离的项目，需要配置两个，一个前端，一个后端，都是这样的配置，所以我这里你们能够看到配置了两个。

3.最后在前端以及后端配置跨域的请求位置，将URL改成你配置外网的URL，就行了，也可以看到我最开始发的图片注释的地方，就是我配置的外网路径，不需要在写端口了

最低0.47元/天 解锁文章
【utools】vue2开发utools插件项目相关经验（保姆式详细介绍）
NineWaited的博客
01-21 4255
vue2开发utools插件项目相关经验，包含utools配置、vue2配置、数据持久化等的经验介绍。
如何使用utools的内网穿透工具
有意栽花花不发，无心插柳柳成荫。
05-21 1621
hello，大家好，我是wangzirui32，今天我来教大家如何使用utools的内网穿透工具。 开始学习吧！ 1. 安装utools utools是一款功能强大的桌面应用软件。首先，访问官方网站，点击官网上的下载安装，下载exe安装包，如图： 下载完毕后，运行安装包，即安装结束。 2. 安装内网穿透插件 首先，点击utools的桌面图标，在“插件中心”中找到“内网穿透”，如图：点进去，再点击下载： 插件即可下载到本地。 3. 使用内网穿透插件 要想使用这个插件，必须先登录，请点击“账号与数据”进行登录
springboot服务端接口公网远程调试，并实现HTTP服务监听
m0_64361522的博客
07-09 2769
前后端分离项目中，在调用接口调试时候，我们可以通过cpolar内网穿透将本地服务端接口模拟公共网络环境远程调用调试，本次教程我们以Java服务端接口为例。
Vue前后端分离项目 临时端口内网穿透教程
欢迎来到快乐星球
03-27 1203
使用内网云实现项目外网访问
vue+django前后端分离式开发手机购物商城-东京买菜--内网穿透---4.1
码蝗的博客
02-02 273
1介绍内网穿透,实现手机端访问本机项目 如果视频无法播放画面,请用360浏览器------每天都会更新视频
简单易用的内网穿透工具,最大简化前后端分离调试
family_kj的博客
09-26 948
背景：对于大部分开发者来说，开发者无法在本地调试远程代码，对于回调URL校验不通过之类的问题无法追踪，只能不断远程部署查看log日志来调试修改。此公网代理服务，目的是方便开发测试 一.下载工具包 git clone https://github.com/open-dingtalk/pierced.git 二.启动服务 windows下： 1）进入目录windows_64：cd windows_64 2）运行服务：ding -config=ding.cfg -subdomain=abcd..
uTools内网穿透，实现公网访问内网地址（图文教程）
zhangxuewei的博客
12-26 2725
一.什么是内网穿透？ 内网穿透即NAT穿透，在处于使用了NAT设备的私有TCP/IP网络中的主机之间建立连接的问题。通过端口映射，让外网的电脑找到处于内网的电脑，内网穿透是在本地电脑和一个有公网的服务器之间建立连接，通过访问公网服务器的域名就可以访问到本地电脑上的服务。通俗的说就是通过一个工具可以让公网域名访问到本机的内网地址。如下图： 二.什么是uTools？ uTools是一款非常强大的快速启动器，支持 Windows 与 macOS，通过快捷键呼出搜索框进行快速启动，包括本地搜索、翻译、to
使用 Vue3 + vite + elementUI 开发一个 Utools Markdown 编辑器插件
JeffreyWang的技术博客
08-12 3049
文章目录目的开发文档整理基础工具的集成初始化项目框架引入按需引用和 SASS引入验证utools 开发配置调试和打包插件功能实现依赖库的安装调用布局实现Editor.vue调用 utools 能力做保存preload.jsApp.vue打包 upx 或发布到插件中心常见问题和总结 目的 博主个人已经用了很久的 Utools 了，会员也续到了 2024 年，它跟随博主从 Deepin 到 Manjaro，再到 Windows 再到 MacOS，在很多场景下都非常方便，比如选中文本中键翻译、复制 JSON 后.
springboot+vue项目部署内网穿透
weixin_44172800的博客
05-28 1976
springboot+vue项目部署 我采用的是合并部署的方式 预先准备 服务器准备好项目的数据库 java环境 vue打包静态文件 1.进入vue项目的根目录 2.输入cmd 3.输入 npm run build 4.将dist文件里面的静态资源复制 导入静态资源到后端 在资源目录下创建static文件夹，将刚才复制的静态资源粘贴进去 打项目jar包 按顺序执行下面的步骤 执行后在target中就可以看到打好的jar包 然后将该jar包发送发到服务器上，然后再改jar包的文件夹上进入cm
2022-8-12(前后分离项目部署（内网穿透）)
qq_40642190的博客
08-12 833
2022-8-12 一、前后分离项目部署（内网穿透） 前端部署（vue，nginx） 修改qa配置文件的后端接口地址（你准备部署到外网的接口地址）在终端运行：npm run build:qa（此时会在项目里生成dist目录）下载：ng将dist目录里的内容复制到ng的html目录下修改ng的conf目录下的nginx.conf运行nginx.exe前端部署成功 后端部署（springboot,jar包） 在终端运行：mvn clean package -T8（此时会在项目里生成target目录） 拿到
前后端分离——利用内网穿透实现不在一个局域网下使用swagger-ui调用API接口文档
Hobo
07-23 6124
最近有个项目，功能繁多并且需要两个后端和两个前端同学进行开发(看到数据库三十多张表心里一阵抽搐)。因为暑假几个同学早已离校，原来本地测试接口是在同一个局域网下进行的、并且利用swagger-ui实现后端自动生成API接口文档、这样一来就增加了开发难度和开发周期，但这些能难道聪明的程序猿吗 (手动狗头)，刚好因为开发微信小程序的原因我想起还有一个内网穿透的工具----natapp，抱着试试看的想法花...
基于windows系统前后端分离&多端发布的调试解决方案（WSL+Nginx反向代理+编辑器debug+内网穿透）
Nora Taki的博客
03-26 837
今天是 怪物猎人崛起 的发售日，早点撸完回家砍龙???? 文章目录概述在Windows中配置开发环境在WSL中配置生产环境开发模式dev运行项目利用nginx的反向代理实现同源策略内网穿透助力冲破本机切换为prd生产模式 概述 前后端分离将一个应用拆分成了两个项目去完成，各自关注不同方向和功能的开发。在人力资源充沛的前提下，当然是做好系统设计后，分配给不同的项目组单独完成，然后再联调。而对于前端组可以利用 mock 来模拟后端的数据，已实现必要的功能。 不过假如是资源相对匮乏的小项目，有可能只让一个全栈负
前后端项目进行内网穿透
weixin_42665577的博客
03-07 1218
在本地开发环境中，你可以使用`cnpm run dev`来启动前端项目，使用Flask来启动后端项目。下面是一个简单的示例配置，假设前端项目运行在3000端口，后端项目运行在5000端口。以上配置假设你的域名为`your_domain.com`，并且前端项目的API请求路径以`/api/`开头。这样，当访问`http://your_domain.com`时，Nginx会将请求转发到前端项目，而访问`http://your_domain.com/api/`时，Nginx会将请求转发到后端项目。
utools插件开发
最新发布
bit的博客
12-26 606
打包出的upxs拖动到utool输入框中安装, 结果如下。功能开发在src下完成即可。检查没有问题就可以发布。需要选择打包完成后的。
vue项目 uTools 内网穿透 记录
gongzuoyongde的博客
05-13 409
1. vue.config.js 添加：disableHostCheck:true devServer:{ disableHostCheck:true, }, 2.安装uTools 3.uTools中安装插件 内网穿透 4. 启动 启动vue项目 将本地的ip地址和启动项目的端口记录下来 打开内网穿透插件填写内容： 1.节点：腾讯云上海（也可以试下其他的） 2.连接方式：http服务 3.外网域名：根据规则添加域名即可 4.内网地址：填写记录下来的ip地址 5.内网端口：填写记录下来的
前后端分离案例
ForMyQianDuan的博客
09-08 2576
http://developer.51cto.com/art/201501/463338.htm
针对Vue前后端分离项目的渗透思路
weixin_52501704的博客
04-30 3327
1. 在常规场景下，前端的项目一般搭建在公网上，而 API 接口也就是后端服务器是部署在内网，但是很多情况下，开发者为了方便管理和调试，会在公网 Api 后端服务器上搭建一个后台管理界面从而方便管理数据，这种情况下就会存在一定的几率导致泄露出后端服务器的 IP，所以我们不仅可以在 js 文件中发现 API 接口，还可以去尝试去获取 IP 和域名。查找未授权 Api 接口去尝试进行常规测试，例如 SQL 注入，XSS，SSRF，命令执行，XXE，Fastjson，Shiro 等。
浅谈前后端分离
fakeeel的博客
07-09 706
一个正常的软件开发可以简化成四大步：设计、开发、测试、部署，所以真正的前后端分离应该渗透到每个步骤中去。 第一个阶段：设计阶段 设计的第一个层面当然是系统设计：后端系统设计较好理解，主要是系统架构、数据库、中间件、缓存等，主要考虑性能、容量、扩展性、维护性；那前端也应如此，假如网站非常复杂，页面极其多，这时前端项目架构也需要做好规划，尽量满足长期演进、可迭代的目标。 设计的第二个层面就是接口设计：前后端系统通过接口进行交互，这时模型（ Model）层面的接口约定极其重要，包括：接口请求方式、数据类型、
快速开发、打包、上架一个 uTools 插件
YopenLang的博客
01-11 2355
本文将从零开始，一步步完成整个开发、打包和上架流程
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

friover

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

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

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

打赏作者

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

抵扣说明：

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

余额充值