Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Api Axios返回字符串而不是JSON(vue.js)_Api_Vue.js_Axios - Fatal编程技术网

Api Axios返回字符串而不是JSON(vue.js)

Api Axios返回字符串而不是JSON(vue.js),api,vue.js,axios,Api,Vue.js,Axios,我不明白为什么axios会返回字符串而不是json。有人能解释一下为什么吗 {{services}} 从“/components/Header.vue”导入标题; 从“@/components/Service”导入服务; 从“axios”导入axios; 导出默认值{ 名称:“应用程序”, 组成部分:{ 服务, 标题, }, 数据(){ 返回{ 服务:[], } }, 创建(){ const instance=axios.create({ baseURL:'http://localhost:3

我不明白为什么axios会返回字符串而不是json。有人能解释一下为什么吗


{{services}}
从“/components/Header.vue”导入标题;
从“@/components/Service”导入服务;
从“axios”导入axios;
导出默认值{
名称:“应用程序”,
组成部分:{
服务,
标题,
},
数据(){
返回{
服务:[],
}
},
创建(){
const instance=axios.create({
baseURL:'http://localhost:3000/api',
超时:1000,
标题:{'Authorization':'Bearer'+'mysecretcode'}
});
获取(“/service”)
。然后(响应=>{
this.services=response.data;
console.log(response.data);
})
.catch(e=>{
此.errors.push(e)
})
},
}
我在网上看到response.data应该只发回已解析的json数据,但在我的{{services}上,我得到了以下信息:

{“状态”:1,“消息”:“操作成功”,“数据”:[{“id”:“5edfdaf5586d4c75036bc853”,“标题”:“徽标rapide”,“说明”:“测试服务说明”,“创建数据”:“2020-06-09T18:54:45.904Z”},{“id”:“5edfdafd586d4c75036bc854”,“标题”:“徽标rapide”,“说明”:“测试服务说明”,“创建数据”:“2020-06-09T18:54:53.054Z”},{“id:”5edfdc8bc07c7677915275c1“,”标题“:”徽标rapide“,”描述“,”测试服务描述“,”创建数据“:”2020-06-09T19:01:31.945Z“,”{”id:”5edfdc8cc07c7677915275c2“,”标题“:”徽标rapide“,”描述“:”测试服务描述“,”创建数据“:”2020-06-09T19:01:32.621Z”}”

而不是解析的数据。 谢谢:)


如果响应是
字符串
,则可以使用:

this.services=JSON.parse(response.data).data

否则,如果它已经是一个
JSON
对象(我想可能是-但是从
响应中获取实际数据
object
):

this.services=response.data.data

然后您可以使用
v-for
并使用
{{service.title}}


希望有帮助。

您希望输出是什么?我希望它是一个对象,没有“状态”、“消息”。然后制作:{service.title}要从每个服务(在v-for中)获取标题,非常感谢,response.data.data正在工作:)很高兴听到。祝您好运!