ExpressJS应用发起POST请求时出现Axios Create Error该如何解决

问题原因及解决方案 #

1. VS Code提示post在axios上不存在的问题 #

• 你当前使用的是0.19.2版本的旧版axios，该版本的CommonJS导出规则和类型声明存在兼容问题，会导致IDE识别不到挂载的静态方法。
• 解决方案：
  1. 执行npm install axios@latest升级到最新稳定版axios
  2. 如果不想升级版本，可以将导入方式修改为const { default: axios } = require('axios')，即可正常识别post方法。

2. 接口返回400错误的问题 #

你调用的是Twitter OAuth1.0a协议的请求令牌接口，当前请求不符合接口要求，触发了参数校验错误：

• 问题1：接口不支持application/json格式的请求体，必须使用application/x-www-form-urlencoded格式提交参数
• 问题2：请求没有携带任何OAuth1.0要求的必填认证参数，包括oauth_consumer_key、oauth_signature、oauth_nonce、oauth_timestamp、oauth_callback等，服务端无法完成身份校验，直接返回400错误。

修复示例代码 #

建议直接使用成熟的OAuth1.0库生成签名参数，避免手写签名出错，示例如下：

const axios = require('axios');
const qs = require('qs');
const OAuth = require('oauth-1.0a');
const crypto = require('crypto');

// 替换为你自己的Twitter开发者平台凭证
const CONSUMER_KEY = '你的应用Consumer Key';
const CONSUMER_SECRET = '你的应用Consumer Secret';
const CALLBACK_URL = '你的回调地址';

// 初始化OAuth1.0a实例
const oauth = OAuth({
  consumer: { key: CONSUMER_KEY, secret: CONSUMER_SECRET },
  signature_method: 'HMAC-SHA1',
  hash_function(base_string, key) {
    return crypto.createHmac('sha1', key).update(base_string).digest('base64');
  }
});

const requestData = {
  url: 'https://api.twitter.com/oauth/request_token',
  method: 'POST'
};

// 发起请求
axios.post(
  requestData.url,
  qs.stringify({ oauth_callback: CALLBACK_URL }),
  {
    headers: {
      ...oauth.toHeader(oauth.authorize(requestData)),
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  }
).then(res => {
  console.log('请求成功：', res.data);
}).catch(e => {
  // 打印服务端返回的具体错误信息，方便排查
  console.log('请求失败：', e.response?.data || e.message);
})

运行前需要先安装依赖：npm install oauth-1.0a qs

内容的提问来源于stack exchange，提问作者ololo