Vue 2.2 $ http.get没有'Access-Control-Allow-Origin'标题

时间:2017-06-06 07:01:21

标签: javascript json vue.js vuejs2 vue-component

我正在使用Vue 2.2并尝试从http.get请求中获取一些数据到我的数据中。

我做了以下事情:

Vue.component('projects', {
    template: '',
    data: function() {
        return {
            projects: [],
        }
    },
    created: function() {
        // GET request
        this.$http.get('http://url/data.json', { headers: { 'Access-Control-Allow-Origin': '*' }}).then(function (data) {
            // set data on vm
            this.$set('projects', data)
            console.log(data);

        }
    }

});

var project = new Vue({
    el: '#projects'
});

这给了我错误:

  

XMLHttpRequest无法加载http://url/data.json。对预检的反应   请求未通过访问控制检查:否   请求中存在“Access-Control-Allow-Origin”标头   资源。因此,不允许原点'null'访问。

并且

  

default.html:1未捕获(在承诺中)gt {url:“http://url/data.json”,   ok:false,status:0,statusText:“”,headers:bt ...}

有人可以帮我吗?

提前致谢!

0 个答案:

没有答案