vue.js 从 REST API 获取数据时遇到问题

Question

我正在尝试使用 vue.js 从休息 api 获取数据。但它不起作用。它既不显示响应数据也不显示错误状态。想不通哪里出了问题。

这是我的 index.html

<html>
    <body>
        <script src="https://unpkg.com/vue"></script>

        <div id="app">
            {{ message }}
        </div>

        <script>
            var url = "http://clients.itsd.com.bd/table-cartel/wp-json/wp/v2/categories";
            var app = new Vue({
                el: "#app",
                data: {
                    message: "Hello!"
                },
                methods: {
                    work: function(){
                        alert(url);
                        this.$http.get(url).then(function(response){
                            alert(response.data);
                            this.message = response.data;
                        }, function(error){
                            alert(error.statusText);
                        });
                    }
                },
                mounted: function(){
                    this.work();
                }
            });
        </script>
    </body>
</html>

正在显示 url，但未显示 response.data 或 error.statusText。

我遵循了描述的过程。

Answer 1

那是因为你少了vue-resource。还包括此依赖项：

<script src="https://unpkg.com/vue-resource"></script>

在创建 vue 实例之前，粘贴以下内容：

Vue.use(VueResource)

这是一个有效的 fiddle https://jsfiddle.net/DarkFruits/euv04n9d/

vue.js 从 REST API 获取数据时遇到问题

Trouble with vue.js to get data from REST API

javascript

api

vue.js

vue-router

vuejs2