前后端分离解决CSRF问题

本文介绍了在spring boot + shiro + jwt环境中,如何实现前后端分离的CSRF防护。通过创建CsrfFilter,注册Filter并在ShiroConfig中配置,登录接口生成X-Access-Token,设置Cookie并处理Spring Boot内嵌Tomcat的限制。前端获取Cookie的X-Csrf-Token,加密后在后续请求中携带,后端验证请求头或请求体中的值与Cookie中的值,防止CSRF攻击。

个人记录,如有错误,敬请指出

项目环境:spring boot+shiro+jwt

简单方式直接通过nginx对Referer进行校验拦截即可,本文不做讲解

1、创建CsrfFilter

import org.springframework.web.filter.OncePerRequestFilter;

import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collection;
import java.util.List;

public class CsrfFilter extends OncePerRequestFilter {

    private static final String CSRF_TOKEN = "X-Csrf-Token";
    /**
     * 需要排除的接口
     */
    private static final List<String> ignoreCsrfList = new ArrayList<String>();

    private static final List<String> accessRequestList = Arrays.asList(new String[]{"GET", "HEAD", "TRACE", "OPTIONS"});

    private Collection<String> domains;

    static {
        ignoreCsrfList.add("/sys/login");
        ignoreCsrfList.add("/sys/logout");
    }

    public CsrfFilter(Collection<String> domains) {
        this.domains = domains;
    }

    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        Strin
在使用Vue和Django进行前后端分离时,解决CSRF跨域问题可以采用以下方法: ### Django后端处理 1. **获取CSRF Token接口**:编写视图函数获取CSRF Token并返回给前端。可以使用`get_token(request)`函数来获取CSRF Token。以下是两种不同的视图函数示例: ```python from django.middleware.csrf import get_token from django.http import HttpResponse import json # 示例1 def getToken(request): token = get_token(request) return HttpResponse(json.dumps({'token': token}), content_type="application/json,charset=utf-8") ``` ```python # 示例2 def search(request): result = {'Succeed': True, 'Data': get_token(request)} return HttpResponse(json.dumps(result, ensure_ascii=False), content_type="application/json,charset=utf-8") ``` 2. **Settings设置**:在Django的`settings.py`文件中进行相关设置,需要安装`corsheaders`库,并进行如下配置: ```python INSTALLED_APPS = [ ... 'corsheaders', ... ] # 添加中间件 MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', # 默认 'django.contrib.sessions.middleware.SessionMiddleware', # 默认 'corsheaders.middleware.CorsMiddleware', # 新增 'django.middleware.common.CommonMiddleware', # 新增 'django.middleware.csrf.CsrfViewMiddleware', # 默认 'django.contrib.auth.middleware.AuthenticationMiddleware', # 默认 'django.contrib.messages.middleware.MessageMiddleware', # 默认 'django.middleware.clickjacking.XFrameOptionsMiddleware', # 默认 ] # 跨域增加忽略 CORS_ALLOW_CREDENTIALS = True CORS_ORIGIN_ALLOW_ALL = True CORS_ORIGIN_WHITELIST = ( '*' ) CORS_ALLOW_METHODS = ( 'DELETE', 'GET', 'OPTIONS', 'PATCH', 'POST', 'PUT', 'VIEW', ) CORS_ALLOW_HEADERS = ( 'XMLHttpRequest', 'X_FILENAME', 'accept-encoding', 'authorization', 'content-type', 'dnt', 'origin', 'user-agent', 'x-csrftoken', 'x-requested-with', ) ``` ### Vue前端处理 前端第一次访问要用GET方法请求获取CSRF Token的接口,然后将获取到的CSRF Token在后续的请求中携带。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值