logo
0
0
WeChat Login

管理后台前端 (management)

基于 Vue 3 + Element Plus 的徒步社区管理后台。

技术栈

  • 框架: Vue 3.4 + TypeScript
  • UI 组件: Element Plus
  • 构建工具: Vite 5
  • 状态管理: Pinia
  • 语言: TypeScript + SCSS

快速开始

1. 环境要求

2. 安装依赖

cd management npm install

3. 配置后端地址

# 编辑 .env.development VITE_ADMIN_PROXY_PATH=http://127.0.0.1:9999

4. 启动开发服务器

npm run dev

访问 http://localhost:8888

5. 登录账号

  • 用户名: admin
  • 密码: 123456

项目结构

management/ ├── src/ │ ├── api/ # API 接口 │ ├── views/ # 页面组件 │ ├── stores/ # Pinia 状态管理 │ ├── utils/ # 工具函数 │ └── ... ├── .env.development # 开发环境配置 ├── vite.config.ts # Vite 配置 └── package.json

API 代理配置

开发环境下,请求通过 Vite 代理转发到后端:

前端路径代理到说明
/auth/**localhost:9999/auth/**认证服务
/admin/**localhost:9999/admin/**UPMS 服务

相关项目

About

后台管理系统,基于pig-ui构建

8.80 MiB
0 forks0 stars2 branches1 TagREADMEApache-2.0 license
Language
Vue63.2%
TypeScript28.6%
JavaScript1%
HTML0.2%
Others7%