使用CORS解决跨域问题
JSONPJSONP（JSONwithpadding）是一种跨域请求的解决方案。它通过在页面中动态生成一个script标签，从而将数据以回调函数的形式返回到页面中。这样，由于script标签不存在跨域限制，可以在任意域名下访问。
CORS方式解决跨域：cors是跨域资源共享，是一种基于HTTP头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口），使得浏览器允许这些origin访问加载自己的资源。
PHP 跨域问题的解决方法常见有以下几种：使用 JSONP：通过动态创建 script 标签的方式，可以实现从不同的域名请求数据。
后端解决前端跨域请求问题
服务端设置了Access-Control-Allow-Origin就开启了CORS，所以这种方式只要后端实现了CORS，就解决跨域问题，前端不需要配置。
前端通过http请求跨域的同时需要带上cookie信息，前端需要设置withCredentials = true。而后端也需要有所修改。
如果前端项目不同模块的请求地址不一样，则都需要进行更改。
可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
例如，假设后端的ip和端口号为：191611222：8080，前端的ip和端口号为：191611222：8001，此时前后端端口不一致导致跨域。
在用vue做前端开发的时候，因为一般跑vue使用的webpack自带的node服务，而我们实际要使用的数据确是后台服务器上的，所以这就涉及到服务器请求跨域的问题。
SpringMVC支持跨域的几种姿势
1、一句话：同一个ip、同一个网络协议、同一个端口，三者都满足就是同一个域，否则就是跨域。
2、CrossOrigin 注解比较适用于较细粒度的跨域控制，对于全局的跨域控制， Spring Mvc 提供了 Global Configuration 配置。
3、caclulate() { cacluFeignClient.caclulate(1)；} 在启动类上添加注解 @EnableFeignClients，表示支持Feign FeignClient接口和spring mvc接口的格式一致，在调用方的方法中，我们只需要调用本系统中定义的接口即可。
4、从2开始，Spring MVC已支持CORS。在Spring Boot中使用带有@CrossOrigin注释的controller方法CORS配置，不需要任何特定的配置。
5、spring-mvc.xml添加HttpRequestHandlerAdapterhttp请求处理器适配器。HttpRequestHandlerAdapter作为HTTP请求处理器适配器仅仅支持对HTTP请求处理器的适配。
6、如果您正在使用Spring Security，请确保在Spring安全级别启用CORS，并允许它利用Spring MVC级别定义的配置。全局CORS配置 除了细粒度、基于注释的配置之外，您还可能需要定义一些全局CORS配置。
后端配置跨域
1、maxAge ：准备响应前的缓存持续的最大时间（以秒为单位）。在这个例子中，对于retrieve()和remove()处理方法都启用了跨域支持，还可以看到如何使用@CrossOrigin属性定制CORS配置。
2、场景：前后端分离，页面和后端项目部署在不同服务器，出现请求跨域问题。
3、现实中的后端服务器，使用path机制的很多，所以这项设置非常实用。CORS方式 这是W3C提供的另一种跨域方式。作为一项标准的跨域规范，CORS本应该是最值得采用的。
4、问题：后端给的接口是：https：//stg-pteppp.leanapp.cn/h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
