【Vue】VUE模板vue-admin-template-4.4.0（Vue + Element UI）使用攻略_vue-admin-template@4.4.0 no repository field.

2020.7.21更新的vue-admin-template-4.4.0，现在尝试使用一下。

https://github.com/PanJiaChen/vue-admin-template

---

1 默认允许

安装依赖：npm install

运行项目：npm run dev

登录访问：此时登录的url是前端传送给前端自己，使用mock目录下的模拟数据。所以只运行前端项目，也不会出现任何问题。

2 配置

2.1 中英文切换

修改element-ui语言，找到src/main.js文件

将en

import locale from 'element-ui/lib/locale/lang/em' // lang i18n
1

修改为zh-CN

import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
1

可以通过npm install element-ui@版本安装element-ui指定版本。

2.2 后台交互

前后端分享开发模式中，前端要与后端进行交互，通常前端都需要定义一个后端服务器的BASE_URL。另外不同的环境地址也不相同，在vue-admin-template中已经支持这样的配置。

在项目根目录下找到.env.*这样的文件，每个文件都代表不同的环境。以开发环境为例，vue-admin-template指定的开发环境的文件名为.env.development，打开这个文件，修改如下：

# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = 'http://127.0.0.1:8001'
1
2
3
4
5

后面，还需要配置好login、getInfo、logout等api的url。

2.3 修改网站名称

打开src\settings.js

3 登录

数据库的账号为admin，密码为admin