本地部署后台管理系统 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 界面了。

以上就是在本地局域网内部署 SoybeanAdmin 以及利用路由侠内网穿透实现外网访问全部教程了,如果想要对路由侠有更多的了解,可以进官网详细了解,路由侠官网地址:www.luyouxia.com