vue 中使用 axios 和 进度条

安装

npm install axios -S
npm install --save nprogress

在 main.js 中配置

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import axios from 'axios'
// axios 请求拦截器,在真正的请求之前做一个预处理
// 在 request 拦截器中展示进度条 NProgress.start()
axios.interceptors.request.use(config => {
    NProgress.start()
    // 需要授权的 API ，必须在请求头中使用 Authorization 字段提供 token 令牌,config 里面就包含了请求头信息
    config.headers.Authorization = window.sessionStorage.getItem('token')
    // 必须 return config
    return config
})
// 在 response 拦截器中展示进度条 NProgress.done()
axios.interceptors.response.use(config => {
    NProgress.done()
    return config
})
Vue.prototype.$http = axios