为何我的Axios请求返回结果弹出[object Object]？求技术帮助

axios 的 get 请求返回的参数是完整的响应对象，包含状态码、响应头、响应体等多类信息。直接用 alert() 输出对象时，浏览器会默认将其转为字符串 [object Object]，这不是你需要的接口返回内容。

你需要访问响应对象的 data 属性，这才是接口返回的实际数据。修改后的代码如下：

var sendButton = document.getElementById("send-button");

sendButton.onclick = () => {
  axios.get('https://9spa57.nfshost.com/simple/messages/68').then((response) => {
    // 直接弹出接口返回的内容
    alert(response.data);
    // 如果返回的是JSON对象，想要查看完整结构可以用下面的方式
    // alert(JSON.stringify(response.data, null, 2));
  })
}

• 如果接口返回的是JSON格式的对象，直接 alert(response.data) 仍会显示 [object Object]，此时用 JSON.stringify() 可以把对象转为可读的字符串，方便查看完整数据结构。
• 建议将参数名从 message 改为 response，更符合axios的通用命名习惯，避免语义混淆。

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