平台管理后台二开编译上线
约 376 字大约 1 分钟
2025-06-05
说明
管理后台使用vue.js开发,前后端分离,修改以后,需要编译,下面是开发步骤。
node环境安装
打开https://nodejs.org/en/download/releases/,下载Node.js 14.21.3,建议使用与tmshop官方一样的版本,避免编译出现未知错误。根据系统下载对应的版本,windows可以下载msi结尾文件,方便安装。
安装过程中,记得勾上“Automatically……”选项,可以自动配置环境变量。
打开终端,在终端运行npm config set registry https://registry.npmmirror.com
,将npm的源设置为淘宝镜像。
管理后台开发模式运行和编译上线
安装依赖
/platform目录为管理后台的源码目录,在终端使用cd命令进入,运行npm install
安装依赖。
运行
打开/platform/src/config.ts文件,修改变量host_development的值为部署好的项目域名,在/platform目录运行npm run serve
,运行项目。访问终端返回地址,即可访问项目。这是我们可以对代码进行二次开发。
编译上线
二次开发完以后,我们需要对代码进行编译。在/platform目录,运行npm run build
编译源码。
编译成功后,生成/platform/dist目录,将目录命名成admin后,替换掉服务器中/server/public/admin目录。重新打开上线管理后台页面,刷新即可。