Appearance
概述
平台总管理后台前端源码位于 view/admin/ 目录。基于 Vue 2 + Element UI / iView 构建,构建产物输出至后端 Web 根目录的 public/admin/ 下。
环境准备
- Node.js:推荐 Node.js
14.x或16.x - 包管理器:
npm/cnpm/yarn
本地开发与调试
- 进入后台前端目录:bash
cd view/admin - 安装依赖:bash
npm install - 接口地址配置: 开发环境下在
src/setting.js中配置apiBaseURL为后端 API 地址(或配置本地 webpack devServer 代理)。 - 启动本地开发服务:bash服务启动后,在浏览器访问本地地址(默认
npm run servehttp://localhost:8080)。
生产环境打包与发布
- 执行生产打包命令:bash
npm run build - 构建产物会自动输出至
public/admin/目录中。 - 部署确认:
- 检查站点
public/admin/目录下是否存在index.html以及static/静态资源; - 清除浏览器缓存,访问
https://域名/admin即可进入后台登录界面。
- 检查站点
Nginx 配置参考
nginx
location /admin {
try_files $uri $uri/ /admin/index.html;
}
location /adminapi {
proxy_pass http://127.0.0.1:20698;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}