Javascript Axios在get上更改json?
在我的数据库中,我得到了一些具有不同媒体类型的数据。视频或图像。在Axios get方法中接收时,具有媒体类型视频的视频将更改为图像。为了找出错误,我尝试了Angular 7和Postman,他们都收到了正确的JSON 我有一个SpringBoot微服务,它从NASA rest API获取每日图像。将其存储在MongoDB中。所有图像在我自己的客户端(Vue)中都能完美渲染,但视频没有显示出来。在调试之后,我注意到它并没有显示出来,因为它被标记为图像而不是视频。我使用v-if/v-else来呈现正确类型的html标记(img或iframe)。 为了排除它是Vue或我的SpringBoot应用程序,我尝试了Postman,后端的JSON非常完美。然后我尝试了Angular 7项目,再一次,媒体类型是正确的。在Axios中,当我在控制台上记录响应时,它将图像保存在媒体类型中,我只是不明白它为什么会被修改,或者在哪里被修改Javascript Axios在get上更改json?,javascript,axios,Javascript,Axios,在我的数据库中,我得到了一些具有不同媒体类型的数据。视频或图像。在Axios get方法中接收时,具有媒体类型视频的视频将更改为图像。为了找出错误,我尝试了Angular 7和Postman,他们都收到了正确的JSON 我有一个SpringBoot微服务,它从NASA rest API获取每日图像。将其存储在MongoDB中。所有图像在我自己的客户端(Vue)中都能完美渲染,但视频没有显示出来。在调试之后,我注意到它并没有显示出来,因为它被标记为图像而不是视频。我使用v-if/v-else来呈现
getAll: () => instance.get('dailyimage/').then((response) => {
console.log(response.data);
return response.data;
}),
Axios outcom:
角度结果:
预期的结果是,在Axios中,我的媒体类型仍然正确,并且没有像现在这样改变。
也没有更难知道发生了什么的错误消息。您的
Axios
中的\uuu ob\uuuu
表示此数据已由Vue处理。因此媒体类型
的原因是图像
而不是视频
,很可能与您在Vue组件中编写的某些代码有关。在代码中的某个时候,您可能会编写media\u type='image'
,而不是media\u type=='image'
。(console.log(response.data)
显示单击箭头时对象的内容,而不是调用console.log
时对象的内容。请参阅:)@t.niese感谢您朝正确方向踢了一脚。在我的v-if中发现了该错误。现在它工作得很好。您在此处保存了my day:)如果要在console.log(response.data)
点检查值,您需要使用浏览器开发工具的调试器设置断点。或者编写调试器
以编程方式触发断点。(console.log(response.data);debugger;
),这将使您免于对变量内容的错误假设。您的Axios
中的\uuuuuuuuuuuuu
表示此数据已由Vue处理。因此媒体类型
的原因是图像
而不是视频
,很可能与您在Vue组件中编写的某些代码有关。在代码中的某个时候,您可能会编写media\u type='image'
,而不是media\u type=='image'
。(console.log(response.data)
显示单击箭头时对象的内容,而不是调用console.log
时对象的内容。请参阅:)@t.niese感谢您朝正确方向踢了一脚。在我的v-if中发现了该错误。现在它工作得很好。您在此处保存了my day:)如果要在console.log(response.data)
点检查值,您需要使用浏览器开发工具的调试器设置断点。或者编写调试器
以编程方式触发断点。(console.log(response.data);debugger;
)将使您免于对变量内容的错误假设。