各个框架解决跨域问题

跨域问题

一、跨域问题产生的原因

　　跨域问题是由于浏览器的同源策略，是浏览器的一个安全功能他会阻止一个域的js脚本和另一个域的js脚本进行交互，当请求的url域服务器的协议、域名、端口号不一致时会出现同源源策略。

解决方案

1.JSONP跨域

　　jsonp的原理就是利用<script></sctipt>标签没有跨域限制的特点，通过<script>标签的src属性发送带有callback参数的get请求，服务端将接口返回数据拼凑到callback函数中返回给浏览器，浏览器器解析执行，从而前端拿到callbacj函数返回的数据

2，jquery Ajax解决跨域问题

　　发起axjax请求时，dataType设置为jsonp，jsonpCallback自定义回调函数名

3.vue axios实现跨域

　　vue代理解决跨域，在vue.config.js文件中配置路由转发文件，利用changeOrigin:true允许跨域，target设置跨域地址。

4.react解决跨域

　　在package.json里配置private:true