后台管理前端
2026/5/25大约 1 分钟
后台管理前端
本页对应 platform-admin-ui 目录,内容以仓库内 platform-admin-ui/README.md 和 config/index.js 为准。
技术栈
- Vue 2
- Element UI
- Vue Router
- Vuex
- Webpack
安装与启动
npm install
npm run dev如果安装过慢或依赖报错,仓库 README 给出的替代方式是:
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install
npm run dev本地开发端口
platform-admin-ui/config/index.js 中默认配置:
- host:
localhost - port:
8000 autoOpenBrowser:false
因此本地通常从 http://localhost:8000 访问后台前端。
开发代理说明
当前 config/index.js 里保留了一个 /platform 代理示例,目标地址指向远端演示环境。它不是本地双服务开发的唯一标准配置,实际联调时应以当前后端接口地址为准。
如果你需要纯本地联调,建议优先确认:
- 后台管理接口是否已启动在
http://localhost:8080/platform-framework - 前端静态配置或请求封装是否仍指向旧环境
生产打包
生产打包前,需要检查 platform-admin-ui/static/config/index-prod.js:
window.SITE_CONFIG['baseUrl'] = location.origin + '/platform-framework'
window.SITE_CONFIG['domain'] = './'
window.SITE_CONFIG['version'] = ''然后执行:
npm run build部署关注点
- 生产环境接口前缀默认面向
/platform-framework - 如果静态资源需要走 CDN,需要同时调整
domain与version - 打包产物输出目录为
platform-admin-ui/dist
