使用Axios POST访问MediaWiki API登录失败，返回HTML页面求助

你的问题核心是MediaWiki API不接受JSON格式的POST请求，它要求POST参数用application/x-www-form-urlencoded编码（和普通表单提交逻辑一致），而Axios默认会把请求体序列化成JSON，导致API无法识别你的参数，直接返回了API的HTML说明页面。

下面是具体的修复步骤：

1. 改用表单编码的参数 #

你需要把请求参数序列化成表单格式，而不是传递JSON对象。可以用原生的URLSearchParams，或者qs库（处理复杂参数时更方便）。

2. 先获取有效的logintoken #

不能硬写无效的"this. Token"，必须先调用API获取当前会话的登录token，否则登录请求会直接失败。

完整示例代码 #

// 第一步：获取登录token
axios.get('/wiki/api.php', {
  params: {
    action: 'query',
    meta: 'tokens',
    type: 'login',
    format: 'json'
  }
}).then(tokenRes => {
  const logintoken = tokenRes.data.query.tokens.logintoken;
  
  // 第二步：发起登录请求
  const loginParams = new URLSearchParams();
  loginParams.append('logintoken', logintoken);
  loginParams.append('action', 'clientlogin');
  loginParams.append('username', 'xxxxx');
  loginParams.append('password', 'yyyyyy');
  loginParams.append('loginreturnurl', 'http://localhost/');
  loginParams.append('format', 'json');
  
  return axios.post('/wiki/api.php', loginParams, {
    // 跨域场景下需要携带会话cookie的话，必须加上这个配置
    withCredentials: true,
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  });
}).then(loginRes => {
  console.log(loginRes.data);
}).catch(err => {
  console.error('登录出错:', err);
});

额外注意事项 #

• 如果前端和Wiki站点不在同一域名下，需要确保Wiki配置了CORS规则允许你的域名访问，同时请求中必须带上withCredentials: true来传递会话cookie。
• 登录后要检查返回结果里login字段的result值，常见状态有Success、NeedToken、WrongPass等，根据状态处理后续逻辑。

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