一、axios模块

1.axios模块需要根据不同部署环境，读取不同baseURL

2.环境变量

（1）vue/cli service命令在运行时，环境变量会从环境变量文件中载入

a.环境变量文件需放在根目录

b.文件包含’键 = 值’

（2）vue/cli有三种模式

a.developement

b.test

c.production

（3）需要创建两个环境文件

a. .env.development

b. .env.production

二、接口请求模块

1.封装接口请求

  1. import { service } from '@/utils/request'
  3. /**
  4.  * 封装登录接口请求模块
  5.  * return promise实例对象
  6.  */
  7. export const login = (data) => {
  8.   return service({
  9.     url: '/sys/login',
  10.     method: 'POST',
  11.     data
  12.   })
  13. }

三、封装登录请求动作

1.将一类请求动作封装在一起

比如登录、用户信息获取、退出这类与用户相关的请求动作，封装在store的user.js模块中

四、token缓存

五、登录鉴权（权限路由）image.png