vue中进度条NProgress的使用

1. 安装

npm install --save nprogress

2. 引入

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

3. 使用

import axios from "axios";
import router from "@/router";
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

const request = axios.create({
    baseURL: "http://127.0.0.1:8888/api/private/v1/",
    timeout: 20000,
})

// 请求拦截器
request.interceptors.request.use(
    (config) => {
        // 开始
        NProgress.start();
        config.headers.Authorization = sessionStorage.getItem('token')
        return config; 
    },
    (error) => {
        return Promise.reject(error);
    }
)

// 响应拦截器
request.interceptors.response.use(
    (res) => {
        // 结束
        NProgress.done()
        return res.data
    }
)

export default request;