要解决“Axios的Get请求返回的是HTML而不是数据的SPA”的问题,你可以尝试在Axios请求中设置正确的请求头和数据格式。以下是一个示例代码,展示了如何使用Axios进行GET请求,并正确处理返回的HTML数据。
import axios from 'axios';
axios.get('https://example.com/api/data', {
headers: {
'Content-Type': 'application/json' // 设置请求头为JSON格式
}
})
.then(response => {
// 处理返回的数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
在上面的示例中,我们通过在请求中设置请求头Content-Type为application/json来告诉服务器我们期望返回JSON格式的数据。这将确保服务器返回正确的数据格式,而不是HTML。
如果服务器仍然返回HTML而不是数据,可能是因为服务器端配置错误或API端点不正确。你可以检查服务器端代码和API接口,确保返回的是期望的数据格式。
此外,还可以使用开发者工具(如Chrome开发者工具)来查看请求和响应的详细信息。这将有助于确定问题所在,并进一步调试和解决问题。