vue 拦截器 axios timeout

Vue拦截器是一种在Vue应用中使用的功能，用于在发送请求或接收响应之前对请求进行拦截和处理。Axios是一个流行的HTTP客户端库，用于在浏览器和Node.js中发送HTTP请求。Timeout（超时）是Axios中的一个配置选项，用于设置请求超时时间。

在Vue中使用Axios拦截器和设置请求超时时间的方法如下：

1. 安装Axios：首先需要在Vue项目中安装Axios。可以使用npm或yarn命令进行安装：

npm install axios

或

yarn add axios

2. 创建拦截器：在Vue项目中的某个地方（如main.js文件）创建一个拦截器，用于对请求进行拦截和处理。可以使用Axios的`interceptors`属性来创建请求拦截器和响应拦截器。例如，可以在请求拦截器中添加请求头信息：

import axios from 'axios';

axios.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  config.headers.Authorization = 'Bearer token';
  return config;
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error);
});

3. 设置超时时间：可以使用Axios的`timeout`配置选项来设置请求超时时间。例如，将超时时间设置为5秒：

import axios from 'axios';

axios.defaults.timeout = 5000;

以上就是在Vue中使用Axios拦截器和设置请求超时时间的方法。