news 2026/3/12 16:26:45

本地部署后台管理系统 SoybeanAdmin 并实现外部访问

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
本地部署后台管理系统 SoybeanAdmin 并实现外部访问

SoybeanAdmin 是一款高颜值而且功能强大的后台管理模板,这款后台模板不仅拥有前沿的技术栈,而且还内置了丰富的主题配置和组件,让用户可以轻松应对各种需求变化。本文将详细的介绍如何在本地 Windows 上安装部署 SoybeanAdmin 以及通过路由侠内网穿透实现外网访问。

第一步,SoybeanAdmin 下载与安装

需要准备好 git、node.js、pnpm 。

1,打开终端,在终端界面输入下面命令克隆项目,如果不成功多试几次即可。

git clone https://github.com/soybeanjs/soybean-admin.git


2,进入项目文件夹。

cd soybean-admin

3,输入命令更换样例版分支。

git checkout example

4,继续安装依赖。

pnpm i

5,最后启动项目。

pnpm dev

7,启动成功后网页会自动打开 SoybeanAdmin 的登录界面。

8,登录后进入后面管理系统,可以看到页面整洁美观。

第二步,外网访问本地部署的 SoybeanAdmin

在内网的电脑上安装路由侠,点此下载

1,下载安装完成后,打开路由侠界面,点击【内网映射】。

2,点击【添加映射】。

3,选择【原生端口】。

4,在内网端口里填写 SoybeanAdmin 默认端口 9527 后点击【创建】按钮,如下图。

5,创建好后,就可以看到一条映射的公网地址,鼠标右键点击【复制地址】。

6,在外网的浏览器的地址栏输入复制的外网地址就可以访问本地部署的 SoybeanAdmin 界面了,如果看到下面界面,说明生成的外网域名没有不允许通过。那就需要修改 SoybeanAdmin 配置了。

7,如下图,找到 soybean-admin 文件中的 vite.config.ts ,并用记事本方式打开。

8,如下图,修改配置,添加 server.allowedHosts 选项,把生成的外网域名添加为可允许,修改后记得保存。

9,修改保存后,刷新网页中就可以看到 SoybeanAdmin 界面了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/4 7:41:30

交通多源异构数据融合的行业通识高质量数据集构建,核心是围绕“人 - 车 - 路 - 环”全要素

交通多源异构数据融合的行业通识高质量数据集构建,核心是围绕“人 - 车 - 路 - 环”全要素,以标准化采集、系统化治理、精准化融合、全流程质控与场景化适配为路径,打造覆盖数据全生命周期的高质量数据集,支撑交通大模型训练、智能…

作者头像 李华
网站建设 2026/3/10 18:20:44

企业级密钥管理策略(Dify环境变量备份全攻略)

第一章:企业级密钥管理的核心挑战 在现代分布式系统和云原生架构中,密钥作为保障数据安全的核心要素,其管理复杂度随着系统规模的扩大呈指数级增长。企业不仅需要确保密钥在整个生命周期内的安全性,还需满足合规性要求、实现跨平台…

作者头像 李华
网站建设 2026/3/9 20:09:53

自建微习惯管理工具:mhabit 开源追踪应用服务器搭建实战

如果你尝试过培养习惯,大概率会有这样的经历: 📅 一开始动力满满,坚持几天就断了 😵 目标定得太大,很难长期执行 📱 装了好几个习惯 App,最后还是放弃 🔒 数据都在第三方平台,换 App 成本很高 🧠 真正想要的,其实只是“每天做一点点” 后来我开始接触 mhabi…

作者头像 李华
网站建设 2026/3/7 16:49:49

揭秘Claude Desktop无法识别MCP Server路径:3步快速定位配置陷阱

第一章:Claude Desktop 无法识别自定义 mcp server 路径 当用户尝试在 Claude Desktop 中集成本地开发的 MCP(Model Control Protocol)server 时,常见现象是应用启动后未建立连接,且日志中提示 failed to resolve mcp …

作者头像 李华