1.安装进度条插件
npm install --save nprogress
2.main.js导入js和css
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import axios from 'axios'
//配置请求的根路径
axios.defaults.baseURL="http://127.0.0.1:8888/api/private/v1/"
// 在request拦截器中,展示进度条Nprogress.start()
axios.interceptors.request.use(config =>{
Nprogress.start()
config.headers.Authorization = window.sessionStorage.getItem('token')
return config
})
// 在response拦截器中,隐藏进度条Nprogress.done()
axios.interceptors.response.use(config =>{
Nprogress.done()
return config
})
Vue.prototype.$http=axios