引入进度条插件nprogress

安装

npm install --save nprogress

引入

// 引入进度条

import nprogress from "nprogress";

// 引入进度条样式

import "nprogress/nprogress.css";

 

使用

const requests=axios.create({

    // 基础配置

    // 基础路径，发请求时候，自动出现api

    baseURL:"/api",

    // 请求超时

    timeout:5000,

});

// 请求拦截器发请求之前，请求拦截器可以检测到

requests.interceptors.request.use((config)=>{

    //config配置对象，header请求头

    // 进度条开始

    nprogress.start();

    return config

})

注意 这是在发请求的时候使用进度条