javascript - 如何设置axios超时

Question

javascript/react/node/axios 的新手。对编程并不陌生
尝试在移动响应应用程序中工作的 axios 超时时遇到问题。
我有一个 API 端点设置为测试的节点服务器；这将接受请求，抛出错误并且根本不响应。
例如:抛出新错误(“测试超时”)
该应用程序挂起并且不会继续运行，直到我停止立即执行 catch block 的节点服务器。
我可以通过让服务器在抛出错误之前执行 console.log("hello") 来验证应用程序是否与服务器取得联系
我通过新文件夹“react-native init”创建了一个新的 react 应用程序，在 app.js 上创建了一个按钮来启动调用。相关代码:

const axios = require('axios')

const test1Press = async () => {

  console.log("test1 pressed")

  // obviously not the actual url in this stackoverflow post
  axios.defaults.baseURL = 'https://mynodeserver.com/api'

  console.log("pre call")

  try
  {
    await axios.post('/debug/throw', {timeout: 2000})
    console.log("post call passed")
  }
  catch (err)
  {
    console.log("post call failed")
  }
}

控制台窗口显示预调用；然后挂起。当我停止节点服务器时，应用程序立即记录“post call failed”
我也试过:

axios.defaults.timeout = 2000

并使用 axios 实例，例如:

axinst = axios.create({
  baseURL: 'https://parcelscan-staging.ctilogistics.com/api',
  timeout: 2000
})

console.log("pre call")

try
{
  await axinst.post('/debug/throw')
  console.log("post call passed")
}
catch (err)
{
  console.log("post call failed")
}

我看不出我做错了什么。
编辑:
在进一步的研究中，我发现了有类似问题的论坛帖子；截至 2020 年 5 月，看起来 axios 超时可能不可靠；一年后的现在是 2021 年 6 月？
建议的解决方案是取消 token ，例如:

const source = CancelToken.source();
try {
    let response = null;
    setTimeout(() => {
        if (response === null) {
            source.cancel();
        }
    }, 2000);
        
    response = await axios.post('/url',null,
        {cancelToken: source.token});
    // success
} catch (error) {
// fail
}

测试了这个并且工作

Answer 1

与 await axios.post('/debug/throw', {timeout: 2000}) ，其实你发送有效载荷 {timeout: 2000}到服务器，不要将超时设置为 2 秒。查看示例 here .
我用 axios 的另一种语法进行了测试，它有效

const test1Press = async () => {

    console.log("test1 pressed")

    // obviously not the actual url in this stackoverflow post
    axios.defaults.baseURL = 'http://localhost:9000'

    console.log("pre call")
    console.log(new Date().toUTCString());
    try {
        await axios({
            method: 'post',
            url: '/',
            timeout: 2000 // only wait for 2s
        })
        console.log(new Date().toUTCString());
        console.log("post call passed")
    }
    catch (err) {
        console.log(new Date().toUTCString());
        console.log("post call failed")
    }
}

test1Press();

在服务器端，我等待 5 秒以在客户端出现超时错误

const http = require('http');

const server = http.createServer(function (req, res) {
    setTimeout(function () {
        res.write('Hello World!');
        res.end();
    }, 5 * 1 * 1000); // after 5s
})
    .listen(9000);

运行上面的代码会在 2 秒后给我超时错误

test1 pressed
pre call
Mon, 28 Jun 2021 09:01:54 GMT
Mon, 28 Jun 2021 09:01:56 GMT
post call failed

编辑
我测试了创建 axios 的实例，这给了我相同的结果:

const test1Press = async () => {

    console.log("test1 pressed")

    // obviously not the actual url in this stackoverflow post
    const instance = axios.create({
        baseURL: 'http://localhost:9000',
        timeout: 2000,
    });

    console.log("pre call")
    console.log(new Date().toUTCString());
    try {
        await instance.post('/');
        console.log(new Date().toUTCString());
        console.log("post call passed")
    }
    catch (err) {
        console.log(new Date().toUTCString());
        console.log("post call failed")
    }
}

test1Press();