封装axios和封装请求路径

在src文件夹下，创建一个http,然后创建一个index.js文件

封装代码如下：

import axios from ‘axios’
import nprogress from ‘nprogress’
import {Message} from ‘element-ui’

// 运行环境: 本地环境:devlpment 和线上(生产)环境: production
const isPro = process.env.NODE_ENV === ‘production’

// 创建一个axios的实例
const service = axios.create({
// 基础路径: 需要根据当前的运行环境来判断
baseURL: isPro ? ‘线上的接口路径’ : ‘/api’,
// 超时时间
timeout: 100000
})

// 请求拦截: 每一次发请求都会做的事情
service.interceptors.request.use((config) => {
nprogress.start()
// 前后端鉴权
// jwt: JSON WEB TOKEN
// 登录成功之后 后端会返回一个令牌
let token = localStorage.getItem(‘adminToken’)
if (token) {
// 需要在请求头当中添加token
config.headers[‘Authorization’] = token
}
return config
}, err => {
nprogress.done()
return Promise.reject(err)