Vue开发如何有效解决跨域请求难题？

本文共计443个文字，预计阅读时间需要2分钟。

跨域是指a页面想获取b页面资源，但a、b页面的协议、域名、端口、子域名不同，或a页面为ip地址，b页面为域名地址，进行的访问动作都是跨域的，而浏览器为了安全问题一般都会禁止这种跨域访问。

跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。

1.jsonp

原理是：动态插入script标签，通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。

由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。

优点是兼容性好，简单易用，支持浏览器与服务器双向通信。

缺点是只支持GET请求。

2.core

采用的是CORS（Cross-origin resource sharing）。后台在响应头中添加Access-Control-Allow-Origin。