文档中心
官网

后台管理端

环境要求

MeEdu 的后台管理端口是使用 React18 + Ant.design 开发。在安装本程序之间,您需要配置有下面的环境:

  • Nodejs >= v18

浏览器打开网址:https://nodejs.org/en/download 根据您的机器操作系统选择对应的nodejs软件下载,下载以后安装打开安装包进行安装即可。

编译程序

交付给客户的源代码压缩包 前端项目源代码-xxx.zip 中包含了后台管理端口的源代码。将压缩包解压,找到 后台界面程序-v4.9.9-react18.zip程序(注意,随着版本的迭代,这里的 v4.9.9可能是其它的版本号。) image.png

后台界面程序-v4.9.9-react18.zip压缩包解压,然后进入到解压后的目录,并在此目录打开命令行,在命令行窗口执行下面的命令:

npm install

执行完毕之后,执行下面的命令创建配置文件

cp .env.example .env.production

打开 .env.production文件,将其中的 VITE_APP_URL的值修改为您的 API 服务地址,下面是我的修改案例:

VITE_APP_URL=https://api.meedu.com

保存修改的文件,之后继续执行下面的命令:

npm run build

执行完毕之后,可以看到生成了 dist目录,此目录下的文件就是我们编译后的文件。

部署程序

新建站点

image.png

image.png

上传程序

image.png

image.png

image.png

选中编译后的 dist 目录并上传

image.png

image.png

image.png

image.png

伪静态

image.png

image.png

伪静态规则:

location / {
    try_files $uri $uri/ /index.html;
}

配置SSL

image.png

到这里。管理端口部署安装完毕。浏览器可以输入网址 https://admin.meedu.com访问管理端口了

image.png