Axios请求出现ConnectionClosed错误解决分析

74 阅读 0 评论 49 点赞

我是靠谱客的博主名字长了才好记，最近开发中收集的这篇文章主要介绍Axios请求出现ConnectionClosed错误解决分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

错误解析:

错误类型: AxiosError
错误代码: ConnectionClosed
错误信息: "The socket connection was closed unexpectedly. For more information, pass verbose: true in the second argument to fetch()"

可能的原因及解决方案

代理服务器问题

检查代理服务器状态: 确保本地代理服务器在 127.0.0.1:7897 正在运行。
验证代理配置: 确认 Axios 的代理配置是否正确。如果不需要代理，可以尝试移除或禁用代理设置。

示例:

const axios = require('axios');

axios.post('https://api.yingdao.com/oapi/dispatch/v2/job/query', {
  jobUuid: '1cbb4f76-7860-4a64-be8c-268e3ee49184'
}, {
  // 移除或正确配置代理
  // proxy: {
  //   host: '127.0.0.1',
  //   port: 7897
  // },
  // 或者禁用代理
  proxy: false
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

原因: 从错误信息中可以看到，Axios 的配置中 hostname 被设置为 127.0.0.1，端口为 7897，这表明请求可能通过本地代理服务器进行。如果该代理服务器未运行或配置错误，可能会导致连接被意外关闭。
解决方案:

网络连接问题

测试连接性: 使用 ping 或 curl 命令测试是否能够连接到 api.yingdao.com。
```
ping api.yingdao.com
```
或
```
curl -I https://api.yingdao.com/oapi/dispatch/v2/job/query
```
检查防火墙设置: 确保本地或服务器的防火墙未阻止对目标地址的访问。

原因: 服务器 api.yingdao.com 可能不可达，或者存在网络中断。
解决方案:

SSL/TLS 配置问题

忽略 SSL 验证（不推荐，仅用于测试）:

axios.post('https://api.yingdao.com/oapi/dispatch/v2/job/query', {
  jobUuid: '1cbb4f76-7860-4a64-be8c-268e3ee49184'
}, {
  httpsAgent: new (require('https').Agent)({ rejectUnauthorized: false })
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

确保 SSL 证书有效: 检查服务器的 SSL 证书是否有效，并且本地环境中根证书是否更新。

原因: 如果存在 SSL 证书验证问题，连接可能会被关闭。
解决方案:

服务器端问题

联系 API 提供方: 如果确认本地配置无误，可以联系 yingdao.com 的技术支持，确认 API 服务是否正常。
查看服务器状态: 有时服务可能会因为维护或其他问题暂时不可用。

原因: 目标服务器 api.yingdao.com 可能在处理请求时出现问题，导致连接被关闭。
解决方案:

Axios 配置问题

设置超时: 虽然当前超时设置为 0 表示无限超时，但可以尝试设置一个合理的超时值以防止长时间等待。

axios.post('https://api.yingdao.com/oapi/dispatch/v2/job/query', {
  jobUuid: '1cbb4f76-7860-4a64-be8c-268e3ee49184'
}, {
  timeout: 5000 // 设置为5秒
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});

更新 Axios 版本: 确保使用的是最新版本的 Axios，某些版本可能存在已知的连接问题。
```
npm install axios@latest
```

原因: Axios 的某些配置可能导致连接问题，例如超时设置、适配器选择等。
解决方案:

调试建议

启用详细日志: 虽然错误提示建议在 fetch() 中使用 verbose: true，但在 Axios 中可以通过拦截器或环境变量启用更详细的日志。

const axios = require('axios');

// 添加请求拦截器
axios.interceptors.request.use(request => {
  console.log('Starting Request', JSON.stringify(request, null, 2));
  return request;
});

// 添加响应拦截器
axios.interceptors.response.use(response => {
  console.log('Response:', JSON.stringify(response, null, 2));
  return response;
}, error => {
  console.error('Error Response:', error);
  return Promise.reject(error);
});

// 发送请求
axios.post('https://api.yingdao.com/oapi/dispatch/v2/job/query', {
  jobUuid: '1cbb4f76-7860-4a64-be8c-268e3ee49184'
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});