vue设置请求超时时间

在 Vue 中设置请求超时时间，可以使用 Axios 拦截器来实现。具体步骤如下：

1. 在项目中安装 Axios

npm install axios

2. 在需要使用 Axios 的组件中引入 Axios

import axios from 'axios'

3. 设置 Axios 的默认超时时间

axios.defaults.timeout = 5000; // 设置超时时间为 5 秒

4. 添加 Axios 请求拦截器

axios.interceptors.request.use(config => {
  // 在请求发出之前进行一些操作，比如请求头携带 token 等
  return config;
}, error => {
  return Promise.reject(error);
});

5. 添加 Axios 响应拦截器

axios.interceptors.response.use(response => {
  // 在响应之前进行一些操作，比如检查登录状态，统一处理错误等
  return response;
}, error => {
  return Promise.reject(error);
});

这样就可以在 Vue 中设置请求超时时间了。如果请求超时，Axios 将会返回一个错误。你可以在响应拦截器中统一处理这个错误。