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,阻止公网访问使用说明
- 在绿联 NAS 上安装并启动应用
- 在地址栏输入局域网地址(如
192.168.1.1或192.168.1.1:8080),按回车访问 - 支持 HTTP 协议,自动补全
http://前缀 - 自动跟随目标服务器的重定向(如路由器跳转登录页)
- 点击右侧日志按钮查看应用运行日志
- 仅允许访问内网/私有 IP 地址,确保安全
使用示例
通过 UGBrowser 在 NAS 内部访问其他局域网服务,无需额外配置端口映射:
访问 Lucky 管理后台

访问青龙面板

开源地址
Waiting for api.cnb.cool...
UGBrowser 绿联 NAS 局域网网页浏览器
https://16c.top/2026/ug-browser/