vue-resource中测试get请求代码在页面上报错 Uncaught (in promise) 是什么原因

问题遇到的现象和发生背景

学习vue-resource的过程中，使用get请求来体验ajax的过程，但是运行在页面上以后出现了报错。

问题相关代码，请勿粘贴截图
<body>
    <div id="app">
        <input type="button" value="get请求" @click="getInfo">
    </div>

    <!--导入vue.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!--vue-resource依赖于vue，导包的时候要注意先后顺序-->
    <script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.3"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {},
            methods: {
                getInfo() {
                    // 当发起get请求之后，通过.then来设置成功的回调函数                                
                        this.$http.get('http://vue.studyit.io/api/getlunbo').then(function(result){
                        console.log(result);
                    });
                }
            }
        });
    </script>
</body>
运行结果及报错内容

img

跨域，可以试试jsonp处理跨域

this.$http.jsonp('http://vue.studyit.io/api/getlunbo').then(function(result){
    console.log(result);
})