IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

前后端分离了,跨域问题怎么处理?

IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

1、 利用Nginx反向代理解决跨域问题
2、 使用jsonp 来进行解决,不推荐,老项目可以使用此方案,但是发送的http 请求体有大小限制,并且发送方式为get方式,大小限制、不安全。
3、 服务器代理
4、 CORS 请求头允许跨域,利用nginx或者php、java等后端语言设置允许跨域请求 header(‘Access-Control-Allow-Origin:*’);//允许所有来源访问 header(‘Access-Control-Allow-Method:POST,GET’);//允许访问的方式
5、 设置SpringSecurity允许OPTIONS请求访问

跨域的本质:

究其本质,是因为一个域下的资源(包括文档或脚本程序等)试图访问另一个域下的资源。

为什么会被拒绝:

这样的跨域请求被拒绝的原因是浏览器的同源策略(SOP)。

什么是同源策略:

所谓同源策略,简单来说,源就是{协议,主机,端口}定义的,只有这些值完全一样才认为两个资源是同源的。

为什么要有同源策略:

安全,如果没有同源策略,那所有其他域都可以向非本域发送请求,假设一个场景,用户在浏览自己的银行信息,看完之后直接关闭页面,但是默认情况session不会立即失效,这时他如果登录了一个具有恶意的js代码,在后台请求银行网站的信息,那客户的信息就这样被泄露了。

更多干货关注weixin “SpringForAll社区”

那怎么办呢?

解决跨域问题有很多方式,网上有很多,但是有些方式虽然可行,但是看着很不输入也有很多弊端,这里介绍2种我认为最佳的解决方式。

1、 跨域资源共享(CORS)

CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10,以java为例,只需要在Response的头部增加响应的信息即可,Talk is cheap, Show you the code.

CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能[同源][Link 1]使用的限制。

2、 nginx代理

将前端部署在Nginx下,Nginx作为调用后端服务的代理,这样前端的所有请求都直接指向Nginx地址,而由Nginx去具体请求后端服务。这样对于前端来说,它所有的请求都是在本域下发起的,就没有跨域的问题了。

文章永久链接:https://tech.souyunku.com/?p=18461


Warning: A non-numeric value encountered in /data/wangzhan/tech.souyunku.com.wp/wp-content/themes/dux/functions-theme.php on line 1154
赞(99) 打赏



未经允许不得转载:搜云库技术团队 » 前后端分离了,跨域问题怎么处理?

IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码
IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

评论 抢沙发

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

微信扫一扫打赏

微信扫一扫打赏


Fatal error: Uncaught Exception: Cache directory not writable. Comet Cache needs this directory please: `/data/wangzhan/tech.souyunku.com.wp/wp-content/cache/comet-cache/cache/https/tech-souyunku-com/index.q`. Set permissions to `755` or higher; `777` might be needed in some cases. in /data/wangzhan/tech.souyunku.com.wp/wp-content/plugins/comet-cache/src/includes/traits/Ac/ObUtils.php:367 Stack trace: #0 [internal function]: WebSharks\CometCache\Classes\AdvancedCache->outputBufferCallbackHandler() #1 /data/wangzhan/tech.souyunku.com.wp/wp-includes/functions.php(5109): ob_end_flush() #2 /data/wangzhan/tech.souyunku.com.wp/wp-includes/class-wp-hook.php(303): wp_ob_end_flush_all() #3 /data/wangzhan/tech.souyunku.com.wp/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters() #4 /data/wangzhan/tech.souyunku.com.wp/wp-includes/plugin.php(470): WP_Hook->do_action() #5 /data/wangzhan/tech.souyunku.com.wp/wp-includes/load.php(1097): do_action() #6 [internal function]: shutdown_action_hook() #7 {main} thrown in /data/wangzhan/tech.souyunku.com.wp/wp-content/plugins/comet-cache/src/includes/traits/Ac/ObUtils.php on line 367