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

【问题标题】：How to fix Vuejs "uncaught exception: Object" GET Request如何修复 Vuejs“未捕获的异常：对象”GET 请求
【发布时间】：2020-01-13 14:46:42
【问题描述】：

我正在向 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 文件而不是错误。

【问题讨论】：

问题解决了吗？我有同样的错误，我从 laravel 获取数据，但仍然有 uncaught exception: Object

标签： http vue.js get vue-resource uncaught-exception

【解决方案1】：

试试

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

【讨论】：

试试console.log(JSON.parse(res.data));
仍然得到未捕获的异常：对象

【解决方案2】：

https://recetapp-b43f2.firebaseio.com/posts.json 返回 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); })
}

【讨论】：

用Axios试过，没有报错但没有数据
您的链接下没有数据...除非您以某种方式授权（标题/Cookie），因此您必须捕获异常。另外，将此逻辑移入mounted()。