安装
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