亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端后分離Ajax跨域請求保證Session一致

rockswang / 1197人閱讀

摘要：前后端分離的項目，使用請求一般都出現(xiàn)跨域的問題?？缬虻臅r候所創(chuàng)建的是不會被瀏覽器保存下來的。所以每次進行跨域請求時，服務(wù)器都認(rèn)為不是同一個瀏覽器所發(fā)起的請求，也會不一樣。以下將介紹如何保證一致。

前后端分離的項目，使用Ajax請求一般都出現(xiàn)跨域的問題。
跨域的時候所創(chuàng)建的session是不會被瀏覽器保存下來的。所以每次進行跨域請求時，服務(wù)器都認(rèn)為不是同一個瀏覽器所發(fā)起的請求，session也會不一樣。以下將介紹如何保證session一致。

前端Ajax請求

$.ajax({
    url:url,
    
    xhrFields: {
       withCredentials: true
    },
    crossDomain: true,
    
    success:function() {
    },
    error:function() {
    }
});

后端構(gòu)建一個攔截器，對需要跨域訪問的request頭部重寫
如：

public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
    HttpServletResponse response= (HttpServletResponse) servletResponse;
    HttpServletRequest request=(HttpServletRequest)servletRequest;
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
    response.setHeader("Access-Control-Allow-Credentials", "true");
    response.setHeader("XDomainRequestAllowed","1");
    filterChain.doFilter(servletRequest,servletResponse);
}

另外Spring boot的項目可以添加攔截配置，以下：

@Component
@Order(Ordered.HIGHEST_PRECEDENCE)
public class AuthCorsFilter extends CorsFilter {

    public AuthCorsFilter() {
        super(configurationSource());
    }

    private static UrlBasedCorsConfigurationSource configurationSource() {
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        config.setAllowCredentials(true);
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        return source;
    }
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/67944.html

相關(guān)文章

  • 前后端分離下的CAS跨域流程分析

    摘要：這種情況通常發(fā)生在反向代理的時候，前端發(fā)起請求代理服務(wù)器，代理服務(wù)器發(fā)起請求到，這時候就容易導(dǎo)致域名不一致，請一定要注意這點。 寫在最前 前后端分離其實有兩類： 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中，如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...

    ckllj 評論0 收藏0

  • 前后端分離下的CAS跨域流程分析

    摘要：這種情況通常發(fā)生在反向代理的時候，前端發(fā)起請求代理服務(wù)器，代理服務(wù)器發(fā)起請求到，這時候就容易導(dǎo)致域名不一致，請一定要注意這點。 寫在最前 前后端分離其實有兩類： 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中，如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...

    DevTalking 評論0 收藏0

  • 前后端分離下的CAS跨域流程分析

    摘要：這種情況通常發(fā)生在反向代理的時候，前端發(fā)起請求代理服務(wù)器，代理服務(wù)器發(fā)起請求到，這時候就容易導(dǎo)致域名不一致，請一定要注意這點。 寫在最前 前后端分離其實有兩類： 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server，生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中，如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...

    jay_tian 評論0 收藏0

  • Nginx反向代理解決前后端聯(lián)調(diào)跨域問題

    摘要：反向代理前后端聯(lián)調(diào)跨域什么是跨域跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。這時候，用反向代理實現(xiàn)跨域，是最簡單的跨域方式。 keywords： Nginx反向代理 前后端聯(lián)調(diào) 跨域 1.什么是跨域 跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對javascript施加的安全限制。 所謂同源是指，域名，協(xié)議，端口都相同。瀏覽器執(zhí)行javascrip...

    QiuyueZhong 評論0 收藏0

  • 前后端分離架構(gòu)下CSRF防御機制

    摘要：延伸這里再順便提一下，新架構(gòu)下的防御。不過，還有一點值得一提前后端分離框架下，路由由控制我自己要獲取的后端參數(shù)和需要用在業(yè)務(wù)邏輯的參數(shù)，在主觀上前端同學(xué)更好把握一些。 原文： http://feclub.cn/post/content... 背景 1、什么是CSRF攻擊？ 這里不再介紹CSRF，已經(jīng)了解CSRF原理的同學(xué)可以直接跳到：3、前后端分離下有何不同？。 不太了解的同學(xué)可以看這...

    Moxmi 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<