2016-02-09 40 views
1

我在使用vue-resource與某些json數據時遇到問題。 我在這裏繼例如:https://github.com/vuejs/vue-resource/blob/master/docs/http.mdVue.js - 無法使用vue-resource加載json數據

我VUE資源調用如下:

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? 任何幫助,將不勝感激。 謝謝

回答

2

http://jsonplaceholder.typicode.com/posts設置CORS標頭。 http://section.dynns.com/sections沒有。如果沒有CORS標頭,您對不同域名的請求將受到瀏覽器的同源策略的限制,並會失敗。

您的其他選項是JSONP(如果API支持它)或通過服務器端腳本代理請求。

+1

非常感謝,這可能是一個明顯的答案,但我是新手。我在數據中添加了CORS頭文件,現在它似乎正在工作。 – greenerr