Деталь : "CSRF Failed: CSRF-токен отсутствует.". Получаем это в сети при попытке создать, удалить или разместить данные в angular 13 и DRF

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

//component.html

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">


 <div class="container mt-5">
  <div class="form-group">
    <input
      type="text"
      class="form-control"
      placeholder="Search..."
      [(ngModel)]="filterTerm"
    />
  </div>
<ol>
  <li *ngFor="let source of sources$ | async | filter: filterTerm">
         <div class="card">
          <div class="card-body">
            <h5 class="card-title">{{source.name}}</h5>
            <p>URL:- <a href ='{{source.url}}'>{{source.url}}</a></p>
            <a class="btn btn-primary" href='fetch/{{source.id}}' role="button" style="margin-left:5px ">Fetch</a>

             <button class="btn btn-primary" (click)="deleteSource(source.id)" style="margin-left:5px">Delete </button>
            <button class="btn btn-primary" (click)="editSource(source.id, source)" style="margin-left:5px ">Edit </button>
             <br>
          </div>
              </div>


  </li>
</ol>
 </div>

//service.ts

export class SourcesService {
API_URL = 'http://127.0.0.1:8000/sourceapi/';

constructor(private http: HttpClient) { }

     /** GET sources from the server */
    Sources() :  Observable<sources[]> {
      return this.http.get<sources[]>(this.API_URL,);
    }
      /** POST: add a new source to the server */

    addSource(source : sources[]): Observable<sources[]>{
      return this.http.post<sources[]> (this.API_URL, source);
      //console.log(user);
      }

    deleteSource(id: string): Observable<number>{

     return this.http.delete<number>(this.API_URL +id);
  }

// component.ts

export class SourcesComponent implements OnInit {
  filterTerm!: string;
  sources$ !: Observable<sources[]>;
//   deletedSource !: sources;

  constructor(private sourcesService: SourcesService) { }

//  prepareDeleteSource(deleteSource:  sources){
//   this.deletedSource = deleteSource;
//  }

  ngOnInit(): void {
    this.Source();
  }

  Source(){
    this.sources$ = this.sourcesService.Sources()
      }

  deleteSource(id : string){
  console.log(id)
    this.sourcesService.deleteSource(id).subscribe();
    }

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

Шаги, которые я пробовал :- "detail": "CSRF Failed: CCSRF токен отсутствует." при отправке данных поста из angular 13 в подключенную базу данных django

Вернуться на верх