关于vue-resource跨域

Question

使用sylius的API接口，用本地服务器，但是vue的resource 的get 一直访问不到

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 404.
这段是关于报错！

this.$http.get('http://localhost:8000/api/ban...', {

    headers: {'Content-Type': 'application/json'}
  }).then((response) => {
    this.banner = response.data
    console.log(this.banner)
  })

Answer 1

No 'Access-Control-Allow-Origin' ，看这个像是跨域问题呀，用jsonp方法

   new Vue({ ready() { 
   this.$http.jsonp('/url', {name:"abc"})          .then(function (res){ 
    console.log(res) 
}, function (res) { 
    console.log(res) 
 }); 
} 

})

Answer 2

proxyTable可以解决问题。亲测以下问题可以完美解决：后台接口与本地的不在同一个地址下（跨域），用了proxyTable后就可以了，无需其他配置。如果是脚手架项目，在config/index.js里配置

Answer 3

这个我之前整理过，手机码字不方便，直接上链接关于vue和axios的跨域