Vue.js - 无法使用 vue-resource 加载 json 数据

Vue.js - can't load json data using vue-resource

本文关键字:vue-resource 加载 json 数据 js Vue      更新时间:2023-09-26

我在将 vue-resource 与一些 json 数据一起使用时遇到问题。我在这里遵循示例:https://github.com/vuejs/vue-resource/blob/master/docs/http.md

我的 vue-resource 调用如下所示:

  ready: function() {    
    this.$http.get('http://section.dynns.com/sections').then(function (response) {
      this.$set('data_list', response.data)
  });
},

在这里看到jsfiddle:http://jsfiddle.net/greene48/yb5chmfr/

但是,将 api 调用切换为不同的数据集似乎有效:http://jsfiddle.net/greene48/92gfwqL3/

那么,也许我尝试使用的 json 有问题?任何帮助将不胜感激。谢谢

http://jsonplaceholder.typicode.com/posts 设置CORS标头。 http://section.dynns.com/sections 没有。如果没有 CORS 标头,您对不同域名的请求将受浏览器的同源策略约束,并且将失败。

其他选项是 JSONP(如果 API 支持)或通过服务器端脚本代理请求。