我正在尝试使用 vue.js 从 rest 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
。
我遵循描述的过程here .
最佳答案
那是因为你缺少vue-resource
。
还包括此依赖项:
<script src="https://unpkg.com/vue-resource"></script>
在创建 vue 实例之前,粘贴:
Vue.use(VueResource)
这是一个工作 fiddle https://jsfiddle.net/DarkFruits/euv04n9d/
关于javascript - vue.js 从 REST API 获取数据的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45484191/