575 字
3 分钟
UGBrowser 绿联 NAS 局域网网页浏览器

AI 智能摘要

AI 正在生成文章简介,请稍候...

UGBrowser 是绿联 NAS (UGOS Pro) 的原生应用,基于 Go 后端 + Vue 3 前端,实现在 NAS 内部浏览局域网网页:通过 Go 后端 Session 反向代理,在 Vue 前端 iframe 中访问局域网内任意 HTTP 服务。

界面#

界面

启动后自动扫描并展示局域网可访问的 HTTP 服务,点击即可在 NAS 内直接访问。

功能特性#

  • 局域网浏览器:通过 Go 后端 Session 反向代理,在 Vue 前端 iframe 中访问局域网内任意 HTTP 服务。
  • 重定向支持:自动处理目标服务器的 302 重定向(如路由器登录页),将 Location 头改写为代理路径。
  • 相对路径代理:使用 /api/proxy/session/<session_id>/ 路径前缀(统一在 /api 下),确保页面内 CSS/JS/图片等相对资源正确加载。
  • 浏览器风格 UI:地址栏导航、前进/后退/刷新/主页按钮、状态栏。
  • 安全限制:仅允许访问内网/私有 IP 地址,阻止公网访问。
  • 日志查看:右侧面板实时查看应用日志,支持按级别过滤、自动滚动、查看文件日志。

技术栈#

分类技术
后端Go 1.22
前端Vue 3 + TypeScript
构建Vite 6 + @ugreen-nas/builder-open
路由Vue Router 4
打包ugcli v1.1.0.13

工作原理#

地址栏输入局域网地址(如 192.168.1.1:8080)
POST /api/proxy/session 创建代理会话 { "url": "..." }
前端 iframe 加载 /api/proxy/session/<session_id>/...
├── Go 后端按 Session 反向代理到目标服务器
├── 处理 302 重定向:改写 Location 头为代理路径
└── 以 /api 前缀代理相对资源,保证 CSS/JS/图片正确加载
仅允许访问内网 / 私有 IP,阻止公网访问

使用说明#

  1. 在绿联 NAS 上安装并启动应用
  2. 在地址栏输入局域网地址(如 192.168.1.1192.168.1.1:8080),按回车访问
  3. 支持 HTTP 协议,自动补全 http:// 前缀
  4. 自动跟随目标服务器的重定向(如路由器跳转登录页)
  5. 点击右侧日志按钮查看应用运行日志
  6. 仅允许访问内网/私有 IP 地址,确保安全

使用示例#

通过 UGBrowser 在 NAS 内部访问其他局域网服务,无需额外配置端口映射:

访问 Lucky 管理后台#

Lucky

访问青龙面板#

青龙

开源地址#

16c.top
/
ugbrowser
Waiting for api.cnb.cool...
00K
0K
0K
Waiting...
UGBrowser 绿联 NAS 局域网网页浏览器
https://16c.top/2026/ug-browser/
作者
Young
发布于
2026-08-13
许可协议
CC BY-NC-SA 4.0