通过内网穿透为课设临时添加域名访问【springboot+Vue】

首先,这里介绍的是通过cloudeflare的隧道服务来实现内网穿透的,那么你必须有一个代理在cloudeflare上的主域名。其次,你的课设基本完成,没有太大的修改了。最后,你能接受网速很慢可能的情况。

在cloudeflare的域名首页,确保以下画圈部分是关闭的。

按如图一步一步操作:

这里安装教程选择合适的安装方法,记得执行指令是需要管理员权限:

连接成功后就可以在下方看到相应的连接:

之后便可以在这看到你新建的隧道了:

一个隧道可以为同一台电脑多个应用提供服务,你可以进入你的隧道编辑页面,找到如下新增其他应用:

如果你的本地应用使用了上期所说的自签名证书,那么你需要在本地做如下操作:

首先下载cloudflare本地应用:

下载链接https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-windows-amd64.msi登录你的cloudflare的账号:

bash 复制代码
# 打开 PowerShell 或命令提示符 (以管理员身份运行)
cloudflared tunnel login

创建隧道,记住之后出现的隧道id:

bash 复制代码
# 创建隧道
cloudflared tunnel create 你的隧道名

# 成功后会显示类似:
# Tunnel created with id: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
# 记下这个隧道ID

C:\Users\<你的用户名>\.cloudflared\ 目录下创建 config.yml 文件

bash 复制代码
tunnel: 上一步让你记下的隧道id
credentials-file: C:\Users\<你的用户名>\.cloudflared\上一步让你记下的隧道id.json

ingress:
  # 前端 Vue 应用规则 
  - hostname: 你的子域名+域名 # 例如: test.example.dpdns.org
    service: https://localhost:8080
    originRequest:
      noTLSVerify: true  # 跳过自签名证书验证
      disableChunkedEncoding: true

  # 后端 SpringBoot API 规则  
  - hostname: 你的子域名+域名 # 例如: test.example.dpdns.org
    service: https://localhost:8081
    originRequest:
      noTLSVerify: true
      disableChunkedEncoding: true

  # 默认回退规则
  - service: http_status:404

为你的子域名配置DNS记录:

bash 复制代码
# 为前端创建 DNS 记录
cloudflared tunnel route dns 你的隧道名 你前端的子域名+域名

# 为后端创建 DNS 记录  
cloudflared tunnel route dns 你的隧道名 你后端的子域名+域名

之后如果需要运行,直接执行如下语句就可以开启服务:

bash 复制代码
cloudflared tunnel --config C:\Users\<你的用户名>\.cloudflared\config.yml run hope-tunnel

如果需要结束直接Crtl加C就可以停止。

相关推荐
唐青枫2 小时前
别把 ArrayList 当成会自动管理内存的 List:Zig 动态数组从入门到实战
后端
鸿蒙开发2 小时前
我为 HarmonyOS 做了一个统一大模型 SDK:@hmkit/ai 正式开源
后端
猪是念来过倒2 小时前
Semaphore 与 RateLimiter:并发控制双雄详解
后端
掘金者阿豪2 小时前
异构数据同步最怕什么?不是同步慢,而是数据对不上
后端
程序员cxuan3 小时前
Claude 官方的学习教程,太强了。
人工智能·后端·程序员
老孙讲技术3 小时前
把工地遮挡和掉线接进项目部:setMessageCallback 订 alarm 与 deviceStatus
后端·物联网·音视频开发
老孙讲技术3 小时前
关店后有人进门,监控值班群却没响:用 setMessageCallback 订 human,再用 aiHuman 打开人形
后端·物联网·音视频开发
LEE4 小时前
原来 Claude Code 最厉害的工具,一行代码都不写
前端·后端
老孙讲技术4 小时前
把园区几百路摄像头收进值班台账:bindDevice 入账与 listDeviceDetailsByPage 翻页
后端·物联网·音视频开发
parade岁月4 小时前
为了给表格加虚拟滚动而选了 vxe-table?也可以考虑下这个
前端·vue.js