Axios 拦截器：添加响应头、存储 Token、分权跳转和鉴权

要添加响应头、存储token值、实现分权跳转和鉴权，你可以使用axios的拦截器来实现。\n\n首先，你可以使用axios的interceptors来添加请求和响应的拦截器。\n\n添加请求拦截器：\njavascript\naxios.interceptors.request.use(\n function(config) {\n // 在发送请求之前可以在config中添加请求头\n config.headers.Authorization = `Bearer ${localStorage.getItem('token')}`;\n return config;\n },\n function(error) {\n return Promise.reject(error);\n }\n);\n\n\n在请求发送之前，上面的代码会在请求的config中添加一个Authorization头，值为存储在localStorage中的token。\n\n接下来，你可以添加响应拦截器来实现分权跳转和鉴权：\njavascript\naxios.interceptors.response.use(\n function(response) {\n // 对响应数据进行处理\n return response;\n },\n function(error) {\n if (error.response.status === 401) {\n // 如果返回状态码为401，表示未授权，进行分权跳转\n window.location.href = '/login';\n }\n return Promise.reject(error);\n }\n);\n\n\n在响应返回之后，上面的代码会对响应数据进行处理。如果返回的状态码为401（未授权），则进行分权跳转，将用户重定向到登录页面。\n\n这样，你就可以使用axios来添加响应头、存储token值、实现分权跳转和鉴权了。记得在发送请求之前，先调用axios.interceptors.request.use来添加请求拦截器，在响应返回之后，调用axios.interceptors.response.use来添加响应拦截器。