象山专业网站建设web网站设计

查询链接

https://yma16.inscode.cc/

问题

查询别人的一下子就返回了，查询我自己的，1分钟还不返回，然后就显示超时了。。

一开始我还以为是这个开源项目本身的问题，设置了请求超时时间，我还给它改了超时时间，后来发现不是的。。。

本来是100000的，我给改成1000000了，我对js代码不熟，也不知道这个单位是毫秒还是秒。。。

import axios from ‘axios’;
const url = ‘https://yongma16.xyz/common-api/getCsdnGrade/’
const aliDevUrl=‘https://developer.aliyun.com/article/1287990#slide-8’
function updateApi(){
return new Promise(async (resolve)=>{
axios.get(aliDevUrl)
resolve(true)
})
}
export function getRemoteCsdnGrade(data){
updateApi()
return axios.post(url, data, { timeout: 1000000 })
}

请求超时原因

这是谷歌浏览器自身实现的超时限制。当浏览器发起一个POST请求并且在一分钟内没有收到响应时，浏览器会认为该请求超时，并终止该请求。这个超时限制是为了防止长时间的请求占用浏览器资源，保证浏览器的正常运行。

解决谷歌浏览器超时问题办法（失败了）

我问最强大脑，最强大脑回复：

要增加谷歌浏览器的超时时间，可以通过以下步骤进行设置：

1. 在谷歌浏览器的地址栏中输入 chrome://flags/，并按下回车键。
   

2. 在实验性功能页面中，搜索框中输入 “timeout”，找到 “Enable request timeout” 选项。
   

3. 将该选项的状态从 “Default” 改为 “Enabled”。

4. 点击页面底部的 “Relaunch” 按钮，重新启动浏览器。

（但是我压根没找到所谓的"Enable request timeout" 选项）

谷歌浏览器不支持设置请求超时时间（谷歌浏览器到底有没限制请求超时？貌似没有限制？）

参考文章：如何更改Chrome中的默认网站连接超时？

看能否脱离浏览器请求，我们查看关键代码

根据开源项目https://yma16.inscode.cc/提供的代码，我们找到下面这段关键代码：

import axios from 'axios';const url = 'https://yongma16.xyz/common-api/getCsdnGrade/'const aliDevUrl='https://developer.aliyun.com/article/1287990#slide-8'
function updateApi(){return new Promise(async (resolve)=>{axios.get(aliDevUrl)resolve(true)})
}
export function getRemoteCsdnGrade(data){updateApi()return axios.post(url, data, { timeout: 100000 })
}

import axios from ‘axios’;
const url = ‘https://yongma16.xyz/common-api/getCsdnGrade/’
const aliDevUrl=‘https://developer.aliyun.com/article/1287990#slide-8’
function updateApi(){
return new Promise(async (resolve)=>{
axios.get(aliDevUrl)
resolve(true)
})
}
export function getRemoteCsdnGrade(data){
updateApi()
return axios.post(url, data, { timeout: 100000 })
}

这段代码的作用是通过axios发送HTTP请求，获取远程CSDN等级的数据：

首先，通过import语句引入了axios库。axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js环境。

接下来定义了一个常量url，它存储了一个API的URL地址。

然后定义了一个常量aliDevUrl，它存储了另一个URL地址。

接着定义了一个名为updateApi的函数，它返回一个Promise对象。在这个函数中，使用axios发送了一个GET请求到aliDevUrl，然后通过resolve方法将Promise状态设置为成功。

最后，导出了一个名为getRemoteCsdnGrade的函数。在这个函数中，首先调用了updateApi函数，然后使用axios发送了一个POST请求到url，并传递了一个名为data的参数。还设置了一个超时时间为100000毫秒。

总结起来，这段代码的作用是通过axios发送HTTP请求，获取远程CSDN等级的数据。

关于Promise：
Promise是一种用于处理异步操作的对象。它可以将异步操作封装成一个Promise对象，通过链式调用的方式来处理异步操作的结果。
Promise的原理是基于状态的转换。一个Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当一个Promise对象被创建时，它的初始状态是pending。当异步操作执行成功时，Promise对象的状态会变为fulfilled，并且会调用resolve方法来传递异步操作的结果。当异步操作执行失败时，Promise对象的状态会变为rejected，并且会调用reject方法来传递错误信息。

关于为什么要发送两次请求：
为什么要发两个请求的原因可能是为了实现某种逻辑。在代码中，首先通过updateApi函数发送了一个GET请求到aliDevUrl，这个请求可能是为了更新一些数据或者获取一些必要的信息。然后在getRemoteCsdnGrade函数中，又发送了一个POST请求到url，这个请求可能是为了获取远程CSDN等级的数据。两个请求可能是相互关联的，或者是为了满足不同的需求。具体的逻辑需要根据实际情况来确定。

估计第一个请求，是作者用来测试服务器通不通，或者用来刷浏览量用的哈哈😈

这里的关键就是第二个接口。

使用postman直接调用批量查询接口getCsdnGrade（这个接口估计是CSDN内部工作人员搞的）

POST https://yongma16.xyz/common-api/getCsdnGrade/

{"uId": "dexi1113"
}

我们来调用测试一下，先找一个博文数量不太多的哥们：

成功返回了数据。

然后再来测试我的：

超时了，都怪我博文太多了(;´༎ຶД༎ຶ`) ：

修改postman超时时间，继续调getCsdnGrade接口（不行，是服务提供者那边做了限制）

点击postman右上方的齿轮按钮，然后点击Settings：

我将超时时间改成1000000，然后叉掉窗口：

然后继续调：

还是超时，那估计跟我这边没关系，是服务提供者那边做了限制：

已经向CSDN客服反馈了