vue封装axios，自动注入token的类分享

我们在使用vue的时候，需要调用后台的api接口，而每个接口都要传送token等登录信息，假如每个接口都是传这个登录信息，会比较麻烦，因此，我们需要封装一个request.js来实现请求前的token插入，实现请求后的错误处理。

下面，我分享下我的request.js的代码，这个request.js封装了axios、elementUI：

import axios from 'axios'
import Vue from 'vue'
import qs from 'qs'
import store from '@/store'
import { MessageBox, Message, Notification, Loading } from 'element-ui'
import router from '@/router/index.js'
//import store from '@/store'


const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 30000, // request timeout
})

// request interceptor
service.interceptors.request.use(
  (config) => {
    // console.log('config',config);
    store.commit('app/SHOW_LOADING')