Vue项目二次封装axios：

// 对于axios进行二次封装--主要用到它的请求和响应拦截器

一：utils文件夹中的service.js

1.引入axios

import axios from 'axios'

import { MessageBox, Message } from 'element-ui'

// 引入仓库--为了拿到token

import store from '@/store'

import { getToken } from '@/utils/auth'

 2.利用axios对象的方法create，去创建一个axios实例

const service = axios.create({

  baseURL: process.env.VUE_APP_BASE_API,

  timeout: 5000 // request timeout

})

3.请求拦截器：再发请求之前，请求拦截器可以检测到，可以再请求发出去之前做一些事情

service.interceptors.request.use(

  // a.请求成功做一些事情

  config => {

    // do something before request is sent

    if (store.getters.token) {

      // 设置请求头--携带token

      config.headers['token'] = getToken()

    }