# view-admin

**Repository Path**: cqcqs/view-admin

## Basic Information

- **Project Name**: view-admin
- **Description**: 基于ViewUI 4的后台管理系统，内置用户登录、注册、身份验证及项目环境配置等，开箱即用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-10-08
- **Last Updated**: 2022-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# View Admin

基于 `vue2` + `ViewUI4` 的后台管理系统模板，支持权限配置、环境变量等

## 安装

```shell
npm install
```

## 使用

### 环境配置

配置文件： 
- 开发环境：`.env.development`
- 预发布环境：`.env.staging`
- 生产环境 `.env.production`

简单配置

```env
# base api
VUE_APP_BASE_API = 'http://127.0.0.1:9090/api'
```

如需使用代理：

```env
# base api
VUE_APP_BASE_API = '/api'

# proxy url
VUE_APP_PROXY_URL = 'http://127.0.0.1:9090/'
```

在 `vue.config.js` 中开启代理：

```js
devServer: {
    proxy: {
      // 开启代理后，需设置开发环境的base api，如 '/api'
      '/api': {
        // 请求的API地址
        target: process.env.VUE_APP_PROXY_URL,
        changeOrigin: true
      }
    }
  }
```

### 完善接口

项目需要登录验证，涉及后端接口，需根据自己的需求完善用户登录、获取用户详情、退出登录以及获取验证码

- vuex: `src/store/module/user.js`
- api: `src/api/user.js`

## 运行

```shell
# 开发环境
npm run dev
# 预发布环境
npm run build:stage
# 生产环境
npm run build:prod
```