各个框架解决跨域问题

跨域问题

一、跨域问题产生的原因

  跨域问题是由于浏览器的同源策略,是浏览器的一个安全功能他会阻止一个域的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

勤学似春起之苗,不见其增,日有所长; 辍学如磨刀之石,不见其损,日所有亏!
原文地址:https://www.cnblogs.com/qiaozhiming123/p/15102163.html