# vue3pinia项目

**Repository Path**: dumin21/vue3-pinia

## Basic Information

- **Project Name**: vue3pinia项目
- **Description**: vue3pinia项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-31
- **Last Updated**: 2024-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite 后台管理系统

## 项目简介
这是一个基于 Vue 3 + Vite 构建的后台管理系统模板，集成了以下主要功能：

- 用户登录认证
- 路由权限控制
- Token 管理
- 状态管理
- 响应式布局
- HTTP 请求封装

## 技术栈
- Vue 3.5.13
- Vite 6.0.5
- Vue Router 4.5.0
- Pinia 2.3.0
- Element Plus 2.9.1
- Axios 1.7.9
- SCSS

## 项目结构
src/
├── components/ # 公共组件
├── page/ # 页面级组件
│ ├── login/ # 登录页面
│ ├── index/ # 主页布局
│ └── error-page/ # 错误页面
├── views/ # 业务页面
│ ├── base/ # 基础页面
│ └── admin/ # 管理页面
├── router/ # 路由配置
├── stores/ # Pinia 状态管理
├── styles/ # 全局样式
└── main.js # 入口文件

## 主要功能

### 1. 用户认证
- 登录表单验证
- Token 基于 localStorage 存储
- 全局路由守卫验证

### 2. 布局系统
- 响应式布局设计
- 侧边栏菜单
- 顶部导航栏

### 3. 状态管理
- 基于 Pinia 的状态管理
- 用户信息管理
- Token 统一管理

### 4. 网络请求
- Axios 封装
- 请求/响应拦截器
- 统一错误处理
- 开发环境代理配置

## 开发环境配置

## 环境要求
- Node.js >= 16
- npm >= 7

## 浏览器支持
- Chrome >= 87
- Firefox >= 78
- Safari >= 14
- Edge >= 88

## 开发规范
- 使用 Vue 3 组合式 API
- 使用 TypeScript 进行类型检查
- 遵循 ESLint 规范
- 使用 SCSS 预处理器

## 注意事项
1. 开发环境默认运行在 http://localhost:3000
2. API 接口默认代理到 http://localhost:5000
3. 确保正确配置环境变量