ajax - Vue.js + Vue 资源编号 'Access-Control-Allow-Origin'

Question

使用 Vue.js 1.0 和 Vue Resource 的跨站 ajax 请求。我收到以下错误:XMLHttpRequest 无法加载 http://dev.markitondemand.com/MODApis/Api/v2/Lookup/jsonp?input=NFLX&callback=handleResponse .请求的资源上不存在“Access-Control-Allow-Origin” header 。

我对问题有基本的了解，但不确定如何为请求添加回调函数，或者这是否是本示例的最佳解决方案。我在这里输入完整的请求 URL 只是为了更容易理解。

new Vue({
    el: '#stockList',

    data: function() {
        return {
            query: '',
            stocks: []
        };
      },

    ready: function() {
      this.getStocks();

      },

    methods: {
        getStocks: function() {
            this.$http.get('http://dev.markitondemand.com/MODApis/Api/v2/Lookup/jsonp?input=NFLX&callback=handleResponse',
                function(data) {
                  this.stocks = data;
                }
            );
        }
    }
})

Answer 1

我对网络的了解几乎为零，但我能够使用以下几个远程 API 来工作:

this.$http.jsonp

代替

this.$http.get