用户前端

环境准备

在本教程开始前请准备好：

1. 本地有node.js环境，并且版本>=18
2. 捷径后端已经部署到服务器上，且本地可访问到接口(访问你的域名/api/modules，返回非空即可用)

1. 下载用户前端源码

提示

如果你已经拥有授权码却没有进入该仓库，请联系作者，作者会邀请你进入仓库

按照图示操作，下载源码 (如果你本地有Git，直接Clone本项目也可以)

2. 安装依赖

按照图示操作打开终端，输入以下命令来安装依赖

npm i

输入好后点击回车，然后耐心等待一会

结果像上图一样就安装好了

3. 修改配置文件

打开.env.development和.env.production两个文件

将两个文件中的此处接口地址改为你部署好的域名/api

4. 启动用户前端

点击图示按钮，启动用户前端

看到控制台输出了一个地址，按住ctrl，点击进入该地址

可以看到界面也是正常显示出来了

提示

接下来你便可以对用户前端进行修改，修改需要具备Vue + Nuxt框架的知识，不懂的话请不要乱修改，出现问题请自行解决

5. 打包用户前端

点击图示按钮，打包用户前端，打包较慢，稍等一会即可

结果像上图一样就打包好了，并且左侧文件根目录多了一个.output文件夹，该文件夹就是打包产物

6. 部署用户前端

1. 参考更新教程-非容器化部署方式

更新教程

2. 自行打包成docker镜像，然后参考容器化部署，对外暴露内部端口3000即可

1Panel容器化部署

宝塔容器化部署

用户前端目录