如何修复Vuejs“未捕获的异常：对象” GET请求

Question

我正在对Firebase数据库执行GET请求，当我控制台记录数据时，GET请求将其记录为“未捕获的异常：对象”。

。

我已经执行了POST http请求，没有任何问题，没有尝试任何解决方案，因为我想不到一个，甚至没有给我提供错误提示。

<script>
export default {
    data:() => ({
        blogs:[]
    }),
    methods:{

    },
    created(){
        this.$http.get('https://recetapp-b43f2.firebaseio.com/posts.json').then(function(data){
            console.log(data);
        })
    }
}
</script>

我希望数据显示的是实际的JSON文件而不是错误。

Answer 1

尝试

created() {
   this.$http.get("https://recetapp-b43f2.firebaseio.com/posts.json").then(res => {
      console.log(JSON.parse(res.data));
   });
}

Answer 2

https://recetapp-b43f2.firebaseio.com/posts.jso n返回 401 （未经授权），因此您宁可使用以下方法捕获this。$ http（假定Axios）：

mounted() {
  this.$http.get("https://recetapp-b43f2.firebaseio.com/posts.json")
    .then(response => { console.log(response.data); })
    .catch(e => { console.log(e); })
}