封装 axios 模块

axios模块，至少需要具备一种能力，那就是：根据当前模式的不同，设定不同的 BaseUrl

模式：

对于 @vue/cli 来说，它具备三种不同的模式：

1. development

2. test

3. production

配置环境变量

在项目中创建两个文件：

1. .env.development
2. .env.production

它们分别对应 开发状态 和 生产状态。

.env.development：

# 标志
ENV = 'development'

# base api
VUE_APP_BASE_API = '/api'

.env.production：

# 标志
ENV = 'production'

# base api
VUE_APP_BASE_API = '/prod-api'

有两个文件之后，可以创建对应的 axios 模块

封装axios

创建 utils/request.js ，写入如下代码：

import axios from 'axios'

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

export default service