vue-resource 解决跨域问题

vue-resource 解决跨域问题

在对项目进行打包之后，我把数据也放到了我的网站上，然后使用vue-resource 请求数据，这里就出现了“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.”的错误，我就想按理来讲，这里就是少了个头嘛，于是乎我在GET请求中加了 headers: {‘Access-Control-Allow-Origin’: ‘*’}，再次运行还是报错。。。。。。于是乎就进入了死循环。。。网上也查找了各种方案尝试加了各种请求头，将GET改为JSONP，设置种种其他的属性，在我的服务端添加相应代码。。。等等一律不行。就这么折腾了两天，后来一想，由于我的网站管理是直接用一个网站管理面板搭建的，故而搭建网站所使用的语言可能跟一般的不太一样，所以我就干脆到那个网站的论坛查了一下是否有解决方案，最后在网站的配置文件中加了
add_header 'Access-Control-Allow-Origin' "*"; add_header 'Access-Control-Allow-Credentials' "true";
这么两行代码，就拿到数据了。。即是在服务端设置相应的响应头，让网站允许跨域请求以及跨域资源共享。
说白了还是学艺不精，对后端了解不多，离上次写后端代码也有一段时间了。。。造成了这次整整两天的无头苍蝇事件。

不过官方现在已经不再对vue-resource 进行维护，建议使用axios 来替代vue-resource，两者十分相似，建议以后都使用axios

如有问题欢迎指出！