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"标头.

我对该问题有基本的了解,但不确定如何使用请求添加回调函数,或者这是否是此示例的最佳解决方案.我在这里输入了完整的请求网址,以便更容易理解.

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

如果您无法控制 dev.markitondemand.com，请将本地环境设置为 http 而不是 https。