在使用 RESTful API 进行网络请求时，我们希望在一定时间内得到响应结果，但有时候网络状况不佳或服务器响应过慢，导致请求超时而无法得到结果。为了更好地控制请求超时的时间，我们可以在代码中设置超时时间。
什么是超时时间？
超时时间是指在一定时间内没有得到响应结果，请求就会自动终止并抛出异常。超时时间一般由客户端设置，可以避免请求出现长时间等待的情况，提高系统的稳定性和可靠性。
如何设置超时时间？
在 RESTful API 中，我们可以通过设置请求的超时时间来控制请求的最大等待时间。一般来说，超时时间的设置可以在请求的配置中进行。
使用 Axios 发送请求
Axios 是一个非常流行的 HTTP 客户端库，可以方便地进行网络请求。在 Axios 中，我们可以通过配置 timeout 属性来设置超时时间，例如：
import axios from 'axios';
axios({
url: 'https://example.com/api',
method: 'get',
timeout: 5000, // 设置超时时间为 5 秒
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});在上面的例子中，我们设置了超时时间为 5 秒，如果请求在 5 秒内没有得到响应，就会自动终止并抛出异常。
使用 Fetch 发送请求
Fetch 是 JavaScript 原生的 API，也可以用来进行网络请求。在 Fetch 中，我们可以通过配置 signal 属性来设置超时时间，例如：
const controller = new AbortController();
const signal = controller.signal;
setTimeout(() => {
controller.abort();
}, 5000); // 设置超时时间为 5 秒
fetch('https://example.com/api', { signal })
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});在上面的例子中，我们使用了 AbortController 来控制请求的超时时间，首先创建一个 AbortController 对象，然后通过 setTimeout 函数来设置超时时间为 5 秒，最后将 AbortController 对象的 signal 属性传递给 fetch 函数的配置中，这样在超时时间到达后，请求就会自动终止并抛出异常。
总结
在 RESTful API 中设置超时时间可以有效地控制请求的等待时间，提高系统的稳定性和可靠性。我们可以通过配置请求的超时时间来实现这一目的，具体实现方式取决于你使用的 HTTP 客户端库。在实际开发中，我们应该根据自己的需求和场景来设置超时时间，避免请求出现长时间等待的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65891ab0eb4cecbf2de4dda6