axios网络请求(axios封装、鉴权、拦截)

使用vue框架的小伙伴对于axios 肯定是不陌生的。 网上一搜，介绍一大堆，axios中文文档来自简书这里就不再讲他的原理阿用法之类了，直接上代码。

一、还是先安装

这里使用npm安装，需要其他安装方法的自行看文档：axios中文文档来自简书
npm install axios --save

二、上代码 (request.js)

import axios from 'axios'  // 引入axios
import {refresh} from '@/api/user' // 封装好的refresh(鉴权需要刷新)接口
import Vue from 'vue'
import Toast  from 'muse-ui-toast' // 根据业务选择合适的ui库，我这里使用muse-ui的toast(消息框)组件
Vue.use(Toast)
// 创建axios实例
const service = axios.create({
  baseURL: process.env.NODE_ENV === 'production' ? '' : process.env.NODE_ENV === 'pre'? '' : 'http://127.0.0.1:8888',
  timeout: 15000 // 请求超时时间
})
// request拦截器
service.interceptors.request.use(config => {
  // Do something before request is sent
  let token = sessionStorage.getItem(