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

如有问题欢迎指出!

猜你喜欢

转载自blog.csdn.net/qq_39776508/article/details/84667579