vue项目中添加进度条 nprogress

1.安装 nprogress
2.引入 nprogress 和nprogress 样式
3.使用 NProgress.start()   NProgress.done() 在发送请求的地方和响应请求的地方写上开始和结束进度条
             请求发送的时候开始进度条在请求拦截中设置
                请求结束的时候结束进度条在响应拦截中设置
以下使用 axios 发送请求本案例没有把 axios挂载到vue实例上，单独封装成文件，需要的时候引入的实例，

		//axios 请求 
	
		import axios from 'axios' 
	
		axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/' //设置默认链接地址 
	
		import nprogress from 'nprogress'//引入进度条 
	
		import 'nprogress/nprogress.css'//引入进度条样式 
	
		//axios设置请求拦截器 
	
		axios.interceptors.request.use(config => {
	
		  //给请求添加一个Authorization 属性把token属性给他 
	
		  config.headers.Authorization = window.sessionStorage.getItem('token'); //设置响应头 
	
		  nprogress.start()//进度条开始 
	
		  return config  //必须返回 config 
	
		}, err => {
	
		  console.log(err)
	
		});
	
		// 添加响应拦截器 
	
		axios.interceptors.response.use(function (response) {
	
		  nprogress.done()//进度条结束 
	
		  return response;
	
		}, function (error) {
	
		  console.log(error);
	
		});