页面跳转出现进度条(router.js)
router.beforeEach((to, from, next) => { //出现进度条 NProgress.start() next() }) router.afterEach(() => { //进度条消失 NProgress.done() }
发送请求出现进度条(这里使用 axios 发送请求)
// 添加请求拦截器 axios.interceptors.request.use(function (config) { // 出现进度条 NProgress.start()return config }, function (error) { // Do something with request error return Promise.reject(error) }) // 在 response 拦截器中,隐藏进度条 NProgress.done() axios.interceptors.response.use(config => { NProgress.done() return config })