ajax传值令牌不起作用,javascript-使用ajax时无效的csrf令牌

我开始学习NodeJ,并由于对js的了解而努力,我开始编写一些代码来创建用户注册逻辑.

本质上,我已经通过以下方式配置ExpressJS:

const express = require('express');

const app = express();

const bodyParser = require('body-parser');

const session = require('express-session');

const csrf = require('csurf');

const cookieParser = require('cookie-parser');

app.use(session({

secret: 'foofofoo',resave: false,saveUninitialized: true,cookie: { secure: true }

}));

app.use(bodyParser.urlencoded({ extended: false }));

app.use(cookieParser());

app.use(csrf());

app.use(function (req,res,next) {

var csrfToken = req.csrfToken();

res.cookie('XSRF-TOKEN',csrfToken);

res.locals.csrfToken = csrfToken;

next();

});

然后我为用户注册创建了一个基本的.ejs视图:

">

User Name

Password

Register

csrfToken由上面的中间件使用.

当用户按下regForm按钮时,此代码称为:

$("#regForm").click(function () {

let uname = $("#uname").val();

let upass = $("#upass").val();

let token = document.querySelector('@R_403_338@[name="csrf-token"]').getAttribute('content');

let regData =

{

'name': uname,'pass': upass

};

$.ajax({

type: 'POST',url: '/registerUser',headers: {"X-CSRF-Token": token },data: regData,success: function (data) {

$("#mainDiv").html(data);

}

});

});

并查看ajax请求,正确传递令牌:

DZB6U.jpg

但是在控制台中,我得到了:

ForbiddenError: invalid csrf token

这是路由方法:

app.post('/registerUser',function(req,next){

//todo

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Security提供了防止跨站点请求伪造(CSRF)攻击的机制。在Spring Security中使用CSRF可以通过以下步骤实现: 1. 在HTML表单中添加CSRF令牌。 2. 配置Spring Security以启用CSRF保护。 3. 配置CSRF令牌在表单提交如何发送到服务器。 下面是一个基本的示例: 1. 在HTML表单中添加CSRF令牌 在表单中添加CSRF令牌可以防止攻击者向服务器发送伪造的请求。可以使用Spring Security的标签库来添加CSRF令牌。以下是一个示例: ```html <form method="post" action="/process-form"> <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" /> <!-- 其他表单元素 --> <button type="submit">Submit</button> </form> ``` 在这个例子中,我们使用了隐藏的输入字段来存储CSRF令牌,并使用Spring Security的EL表达式来生成令牌名称和值。 2. 配置Spring Security以启用CSRF保护 要启用Spring Security的CSRF保护,需要配置一个CsrfTokenRepository。以下是一个示例: ```java @Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http .csrf() .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse()); } } ``` 在这个例子中,我们使用了CookieCsrfTokenRepository作为CsrfTokenRepository。这个仓库将生成一个CSRF令牌,并将其存储在一个cookie中,这个cookie会在每个请求中发送回服务器。 3. 配置CSRF令牌在表单提交如何发送到服务器 当表单被提交,需要将CSRF令牌发送回服务器。可以使用以下代码片段来从页面中的隐藏字段中提取CSRF令牌,并在表单提交将其发送回服务器: ```javascript $(function () { var csrfToken = $("meta[name='_csrf']").attr("content"); var csrfHeader = $("meta[name='_csrf_header']").attr("content"); $(document).ajaxSend(function(e, xhr, options) { xhr.setRequestHeader(csrfHeader, csrfToken); }); }); ``` 在这个例子中,我们使用了jQuery来提取页面中的CSRF令牌,并将其作为请求头发送回服务器。 以上是一个基本的Spring Security中使用CSRF的示例。如果需要更高级的配置,可以参考Spring Security的官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值