项目简介

本项目运用 React 18 和 Ant Design 框架搭建了 MeEdu 的后台界面程序，为 MeEdu 提供直观且高效的后台管理体验。用户可借助 MeEdu 官网及使用手册深入了解和使用该程序。

项目的主要特性和功能

• 采用 React 18 和 Ant Design 构建，拥有出色的用户体验与交互设计。
• 具备丰富的后台管理功能，涵盖用户管理、课程管理、订单管理等。
• 易于定制和扩展，可依据用户需求开展个性化开发。

安装使用步骤

假设用户已下载本项目的源码文件，可按以下步骤进行安装使用：

1. 安装依赖

在项目根目录下，执行命令： npm i

2. 修改配置

复制 .env.example 文件为 .env，并修改其内容： cp.env.example.env 打开 .env 文件，将 VITE_APP_URL 修改为 MeEdu 的 API 服务地址。例如，若 API 地址为 https://demo-api.meedu.xyz，则 .env 文件内容如下： VITE_APP_URL=https://demo-api.meedu.xyz

3. 编译项目

执行编译命令： npm run build 编译完成后，会生成 dist 目录，将该目录下的文件部署到新的站点。

4. 部署注意事项

• 本项目默认开启 gzip 压缩，建议使用 nginx 部署。以下是 nginx 开启 gzip 的配置： gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript text/javascript text/css application/xml; gzip_vary on; gzip_proxied expired no-cache no-store private auth; gzip_disable "MSIE [1-6]\.";
• 本项目路由模式为 history 模式，部署时需配置伪静态规则，以下是 nginx 的伪静态规则： location / { try_files $uri $uri/ /index.html; }

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】