react项目中如何解决跨域问题

这篇文章主要介绍"react项目中如何解决跨域问题"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"react项目中如何解决跨域问题"文章能帮助大家解决问题。

一.为什么会出现跨域？

因为我们的浏览器遵循同源政策（scheme（协议）、host（主机）、和port（端口））都是被称为同源。有同源就有非同源，那么在非同源中有下面这些限制：不读取和修改对方的DOM、不读取和访问对方的Cookie ，IndexDB 和 LocalStorage、限制XMLHttpRequest请求。而且当浏览器向目标路径发送Ajax请求的时候，只要我们当前的路径和目标路径不同源，则会产生跨域，也被称为跨域请求。

二.解决方法

1.JSONP

jsonp是指服务器与客户端跨源通信常用的方法，拥有简单适用、兼容性好的特点，但是它有一个缺点就是只支持get请求不支持post请求。然而在HTML的标签中有一些标签是没有跨域限制的，比如 script 和img这两个就是了。对于这个的方法的用法就是通过在网页中添加一个