Angular POSTでXSRFに引っかからないようにするには

Angular4 + Django Rest Framework

DjangoからAngularが提供されている場合。

app.module.tsに

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {HttpModule , XSRFStrategy , CookieXSRFStrategy } from '@angular/http'
                  // ^^^^^^^^^^^    ^^^^^^^^^^^^^^^^^^ この2つのモジュールを追加
import { AppComponent } from './app.component';

import { AppService } from './app.service'
...
省略
...

@NgModule({
  
...省略

  providers: [AppService , 
      { provide : XSRFStrategy, useValue: new CookieXSRFStrategy('CSRF-TOKEN' , 'X-CSRF-TOKEN')}
      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^これ追加^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
      ],

...省略

でPostリクエストが通りました！

Angular勉強するには、この本最高です。
Angularアプリケーションプログラミング