Заголовок X-XSRF-Token не устанавливается в angular6 - PullRequest
Новая
       22

Заголовок X-XSRF-Token не устанавливается в angular6

0 голосов
/ 01 декабря 2018

У меня странная проблема в веб-приложении angular 6 и nodeJS.

Мне необходимо реализовать защиту csrf, поэтому я реализовал csurf в узле js, код моего узла js приведен ниже, 

let express=require('express');
let app=express();

var cookieParser = require('cookie-parser')
csrf = require('csurf');
//import body parser
let bodyParser=require('body-parser');
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());
app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,X-XSRF-Token");
  res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
  res.header('Access-Control-Allow-Credentials', true);
  next();
});
app.use(cookieParser('ksdnfjn9834f80sa9asjfasdj'));
app.use(csrf({ cookie: true }));
app.use(function(req, res, next) {
  console.log(req.csrfToken());

  res.cookie('XSRF-TOKEN', req.csrfToken(),{ httpOnly: false,Path:"/" });
  return next();
});
app.use('/api',apiRoutes);
app.use('/admin',adminapiRoutes);

app.listen(3000,function(){
    console.log('api is listening on port'+3000);
})

мой угловой js-код выглядит следующим образом: для вызова api post request, 

this.http.post(this.contact_api_url, {
      "name": this.contact_name,
      "email": this.contact_email,
      "message": this.contact_message
    },{withCredentials: true,headers: new HttpHeaders().set('X-XSRF-TOKEN', "token_get_in_cookie" ) }).subscribe((val) => {
      this.renderer.removeClass(loda_element,'show');
      //var msg=JSON.stringify(val);
      alertify.success(val['message']);
      this.contact_name = '';
      this.contact_email = '';
      this.contact_message = '';
      grecaptcha.reset();
      this.captcha_response = '';

    }, error => {
      this.renderer.removeClass(loda_element,'show');
      alertify.error("Error Occurred. Try Again.");
    });

Теперь проблема в том, что он никак не устанавливает заголовок, даже не добавляя другой заголовок.добавлен код ниже в импорте 

HttpClientXsrfModule.withOptions({
      cookieName: 'XSRF-TOKEN',
      headerName: 'X-XSRF-TOKEN'
    }),

, но ничего не работает, он не добавляет заголовок X-XSRF-TOKEN, я также реализовал перехватчик, как показано ниже, 

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        let requestToForward = req;
        let token = this.tokenExtractor.getToken() as string;
        const headers: any = {};

        if (token !== null) {
            headers['X-XSRF-TOKEN'] = token; // add it to the header

            requestToForward = req.clone({ setHeaders: headers });
        }
        return next.handle(requestToForward);
    }

Я также получаю токензначение, которое задается кодом узла js в XSRF-TOKEN, но заголовок не устанавливается.

Может кто-нибудь иметь представление, почему заголовок не устанавливается в угловом 6?Примечание: я работаю на localhost, поэтому nodeJS работает на http://localhost:3000, а angular работает на http://localhost:4200

...