🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### ⚠️⚠️⚠️ 本地编译,电脑需安装 **node.js v16.x.x**。 ### 1、解压源码,打开终端进入管理后台源码路径 ``` cd admin ``` ![](https://img.kancloud.cn/e0/38/e0382336339ad51bcc1886d72289bcff_585x219.png) 修改配置文件 **/src/js/config.js** 的接口请求地址:http://backend-api.education.com ![](https://img.kancloud.cn/3f/0d/3f0d576667f2399bddf1a777c3048ff0_525x228.png) ### 2、安装依赖 ``` npm install ``` ![](https://img.kancloud.cn/84/fc/84fc27d7f31178344a46e244fc9ecd6b_585x329.png) ### 3、本地运行项目 ``` npm run serve ``` ![](https://img.kancloud.cn/fd/11/fd11b3b9260a4ae833ba6e0934f265ff_580x286.png) 这是可以在浏览器输入:http://localhost:8080,打开管理后台。 可能出现这种情况,这是node.js版本太高的原因。可以执行命令: ``` MAC系统: export NODE_OPTIONS=--openssl-legacy-provider Windows系统: set NODE_OPTIONS=--openssl-legacy-provider ``` ![](https://img.kancloud.cn/6a/12/6a1225fcab3dc29dc97e9628b99e37fb_580x449.png) ### 4、编译打包程序 ``` npm run build ``` ![](https://img.kancloud.cn/a9/5a/a95aaab28dfc8f714e887d4a4162b47b_580x377.png) 打包完成后在admin目录会生成dist文件夹,这个就是已编译好的程序文件,可以直接压缩后上传到服务器,部署到服务器作为静态网站即可 ![](https://img.kancloud.cn/89/b4/89b452e33898a97d61279a5729a18b32_679x212.png) ### 5、新建站点部署 ![](https://img.kancloud.cn/ad/7c/ad7c795c77bd14284f1d7faa2c4602d2_825x753.png) 新建站点后进入站点目录,将编译打包好的dist文件夹压缩后上传,然后解压 ![](https://img.kancloud.cn/22/56/2256a4dd6350128ba284ca472496f16e_1829x407.png) 然后设置站点目录为dist目录,然后保存。 ![](https://img.kancloud.cn/33/0e/330ec70280dafd65f3322313e1e1fa39_2016x330.png) 这时管理后台已经部署好了,浏览器输入:http://backend.education.com ![](https://img.kancloud.cn/88/b5/88b5110628078a30a520452e4ece8d07_1098x706.png)