Rest Vue资源可以';HTTP错误为500时无法获取响应正文
我正在尝试使用Rest Vue资源可以';HTTP错误为500时无法获取响应正文,rest,vue.js,vue-resource,Rest,Vue.js,Vue Resource,我正在尝试使用vue资源(1.2.1)以以下方式处理HTTP 500错误: const resource = Vue.resource('items'); resource.get().then( (response) => { // Do something with response.body }, (error) => { // Do something with error.body, // even if the HTTP status
vue资源
(1.2.1)以以下方式处理HTTP 500错误:
const resource = Vue.resource('items');
resource.get().then(
(response) => {
// Do something with response.body
},
(error) => {
// Do something with error.body,
// even if the HTTP status code is 500.
// But for now it's null...
}
);
error.body
中没有任何内容,而实际服务器的响应有一些内容要说。。。我真的很想让这些数据以一种很酷的方式显示出来,让我的应用程序的用户知道发生了什么(而不是打开开发工具并检查网络的响应数据)
Vue http配置中是否缺少某些内容?或者服务器端,我的API是否需要以特定的方式响应?甚至回复特殊标题?或者,这仅仅是vue资源的限制(或缺陷)
编辑以下是从console.log中选择的
错误的内容:
Response {
body: "",
bodyText: "",
headers: Headers…,
ok: false,
status: 0,
statusText: "",
url: "http://my.domain/items",
data: ""
}
并且,实际服务器响应的内容(我预期会进入error.body,但不是)是从dev tools的“network”选项卡中选取的:
{
"success": false,
"error": {
"message":"this is the error message",
"details":[],
"stackTrace":[]
}
}
我想你可以使用error.response.data
来访问响应。试着把你的错误记录在控制台的obj中,并查看它的结构库以获取你的评论,我已经考虑过你说的了。因此,我编辑了我的问题,添加了详细信息,并更准确地向您展示了问题。可能是服务器端的端点有问题。你能为服务器端添加代码吗服务器端,我使用的是运行在Ubuntu 16.04上Apache2服务器上的PHP Slim框架。我将尝试添加与我的问题相关的部分代码。谢谢:)