vue-resource调接口有同源问题？

Question

vm.$http.post('http://XXX/employee/GetEmployeeList',formData).then((response) => {
        if(response.body.errmsg == 'sucess'){
          _this.employees = response.body.data
          console.log(_this.employees);
        }
      })

报错

 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

Answer 1

vue-resource 只是提供http请求简便方法，跨域这种，要么接口支持跨域，要么接口支持jsonp，如果你只是用的vue2和vue-cli，仅仅只是本地开发下跨域不方便的话，不妨试试 config目录下的index.js里的proxyTable

http://www.jianshu.com/p/95b2...

如果不是我说的情况- -忽略我的回答= =||

Answer 2

来来来，你需要代理 https://bird.ioliu.cn

Answer 3

不是 vue-resource 调接口有同源问题 是浏览器默认情况下禁止 AJAX 跨域访问
接口响应头加上 Access-Control-Allow-Origin 即可
参考：https://segmentfault.com/q/10...

Answer 4

本地模拟开发的话 chrome 可以添加插件 cors 插件进行跨域访问。
当然nginx做下代理。