均值堆栈中的CSRF令牌

问题描述

我无法将Express的CSRF令牌与Angular的XSRF TOKEN集成。我正在使用给定的教程 https://jasonwatmore.com/post/2020/09/08/nodejs-mysql-boilerplate-api-with-email-sign-up-verification-authentication-forgot-password。

我知道代码的风格很粗糙，但是我需要解决这个问题。

这是我的快递代码

server.js(main)

require('rootpath')();
const express = require('express');
const app = express();
const helmet = require("helmet");
const bodyParser = require('body-parser');

var cookieParser = require('cookie-parser')
var csrf = require('csurf')


const cors = require('cors');
const errorHandler = require('_middleware/error-handler');

app.use(cookieParser());
app.use(csrf({ cookie: true }))


app.use(helmet({ dnsPrefetchControl: { allow: true }}));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());



app.all('*',function (req,res) {
    res.cookie('XSRF-TOKEN',req.csrfToken())
    
  })

app.use(cors({ origin: (origin,callback) => callback(null,true),credentials: true }));



// api routes
app.use('/accounts',require('./accounts/accounts.controller'));

// swagger docs route
app.use('/api-docs',require('_helpers/swagger'));

// global error handler
app.use(errorHandler);

// start server
const port = process.env.NODE_ENV === 'production' ? (process.env.PORT || 80) : 4000;
app.listen(port,() => console.log('Server listening on port ' + port));

在Angular中，我在module.ts中添加了XSRF TOKEN

 imports: [
        BrowserModule,ReactiveFormsModule,HttpClientModule,HttpClientXsrfModule.withOptions({
          cookieName: 'XSRF-TOKEN',headerName: 'X-XSRF-TOKEN'
        }),AppRoutingModule
    ],

请帮助我解决问题

解决方法

我使用了其他方法解决了我的问题。 链接在这里 https://www.npmjs.com/package/express-csrf-double-submit-cookie

const cookieParser = require('cookie-parser')
const csrfDSC = require('express-csrf-double-submit-cookie')
const express = require('express')
 
// create middleware
const csrfProtection = csrfDSC();
 
const app = express();
app.use(cookieParser());
 
// middleware to set cookie token 
app.use(csrfProtection)
 
// protect /api
app.post('/api',csrfProtection.validate,function (req,res) {
  res.status(200).end();
})

以前我在用 https://www.npmjs.com/package/csurf 用于我的单页应用程序