IntelliJ IDEA远程开发代理远程服务器端口(免费内网穿透)

IntelliJ IDEA远程开发代理远程服务器端口(免费内网穿透)(JetBrains家的其他IDE应该也支持)

之前看到宇宙第一IDE VS Code好像默认代理了远程的端口,但是一直没找到IDEA的同类功能,这次终于发现了

  1. 以IntelliJ IDEA 2024.2.4版本为例

  2. 打开远程开发
    在这里插入图片描述

  3. 点击左上角服务器的IP地址
    在这里插入图片描述

  4. 点击端口
    在这里插入图片描述

  5. 点击+号点击转发远程→本地
    在这里插入图片描述

  6. 输入需要代理的远程端口号,局部端口号则是运行远程开发客户端的本地端口号,注意本地端口不要被占用了
    在这里插入图片描述

  7. 设置好后在浏览器打开127.0.0.1:局部端口号即可

### 配置 IdeaVue 实现内网穿透的方法 为了使基于 Vue 的项目能够在内网环境中被外部网络访问,通常会采用内网穿透技术。以下是详细的配置方法: #### 使用 Frp 工具进行内网穿透 Frp 是一种强大的内网穿透工具,在 GitHub 上拥有近 30K star 数量,表明其广泛的应用和支持[^2]。 ##### 安装 Frp 1. 下载适合操作系统的版本并解压至指定目录。 2. 修改 `frps.ini` 文件来设置服务器参数;修改 `frpc.ini` 来定义客户端转发规则。 ```ini # frpc.ini 示例配置 [common] server_addr = x.x.x.x # 替换成公网 IP 地址 server_port = 7000 # 默认端口可自定义 [web] type = http local_ip = 127.0.0.1 # 本机地址 local_port = 8080 # 开发环境监听端口号 custom_domains = yourdomain.com # 自定义域名解析指向此服务 ``` 启动命令如下所示: ```bash ./frpc -c ./frpc.ini ``` ##### IDEA 中运行 Vue 项目 确保在 IntelliJ IDEA 或 WebStorm 环境下正常启动 Vue 应用程序,并确认应用程序正在监听上述配置中的本地端口 (如 8080)[^4]。 #### 使用花生壳实现内网穿透 另一种方式是利用花生壳软件完成相同目的的操作。该方案适用于希望获得更简便图形界面管理体验的情况[^3]。 1. 注册账号并下载安装官方提供的客户端; 2. 创建动态域名映射关系; 3. 设置好对应的内部主机和服务端口信息即可。 以上两种途径都可以有效地解决从外网访问位于局域网内的 Vue 前端工程的需求。具体选择取决于个人喜好和技术栈偏好等因素考虑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

深|码|洞|悉

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

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

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

打赏作者

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

抵扣说明:

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

余额充值