Axios Get请求返回字符串而非对象问题求助

数据老陈

2026-5-25

解决Axios GET请求返回字符串而非对象的问题

Hey, I’ve dealt with this exact scenario before, so let’s walk through why this is happening and how to convert that string response into a usable object.

问题根源

From what you described, it sounds like your backend is returning a response wrapped in parentheses (like ({"key": "value"})—this is a common JSONP format) or the response’s Content-Type header isn’t set to application/json.

jQuery’s Ajax is pretty forgiving: it automatically tries to parse responses that look like JSON, even if the Content-Type is off, and it strips those outer parentheses for you. Axios, on the other hand, strictly follows the Content-Type header by default—if it doesn’t see application/json, it won’t parse the response into an object, leaving you with a raw string.

解决方法

1. 手动清理并解析JSON

If the response is wrapped in parentheses, first strip them off, then parse the string into an object with JSON.parse(). Just make sure to add error handling in case the parsing fails:

axios.get('/your-api-endpoint')
  .then(response => {
    // 移除首尾的括号
    const cleanedResponse = response.data.replace(/^\(|\)$/g, '');
    // 将清理后的字符串解析为对象
    const dataObject = JSON.parse(cleanedResponse);
    console.log(dataObject); // 现在得到的就是对象了！
  })
  .catch(error => {
    console.error('解析响应失败:', error);
  });

2. 强制Axios按JSON解析

即使后端的Content-Type头设置不正确，你也可以通过responseType选项明确告诉Axios把响应当作JSON来处理：

axios.get('/your-api-endpoint', {
  responseType: 'json' // 强制Axios按JSON格式解析响应
})
.then(response => {
  console.log(response.data); // 现在应该是对象了
})
.catch(error => {
  console.error('请求出错:', error);
});

3. 检查后端响应头

如果你有权限修改后端代码，确保返回响应时带上Content-Type: application/json头。这样Axios会自动把响应解析成对象，不需要你做额外处理。

为什么jQuery Ajax能正常工作？

jQuery的$.ajax内置了响应类型的"猜测"逻辑：它会检查响应内容是否看起来像JSON，即使Content-Type头不正确，也会自动解析；同时它默认支持处理JSONP格式的包裹式响应，这就是你用jQuery时没遇到问题的原因。

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