Bagaimana untuk Menambah Pengepala Kebenaran pada Permintaan HTTP Sudut dan Menyelesaikan Isu CORS?

Tambah Pengepala Keizinan pada Permintaan HTTP Sudut

Pernyataan Masalah:

Percubaan untuk menambah pengepala kebenaran pada HTTP Sudut permintaan, tetapi menerima pengepala "Tiada 'Access-Control-Allow-Origin' terdapat pada ralat sumber yang diminta".

Penyelesaian:

Dalam aplikasi Sudut, pemintas HTTP disyorkan untuk mengurus pengepala pengesahan. Pengawal boleh melengkapkan pendekatan ini untuk perlindungan laluan.

Melaksanakan Pemintas Pengesahan:

1. Buat Fail Pemintas: (cth., auth.interceptor.ts)

import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { AuthService } from './auth.service';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (AuthService.isLoggedIn()) {
      const token = AuthService.getToken();
      req = req.clone({
        setHeaders: {
          'Content-Type': 'application/json',
          'Accept': 'application/json',
          'Authorization': `Bearer ${token}`,
        },
      });
    }
    return next.handle(req);
  }
}

2. Daftar Pemintas dalam Modul Apl:

import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from './auth/auth.interceptor';

...
providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AuthInterceptor,
      multi: true,
    },
    ...
],
...

Mengenai Go Permintaan HTTP:

Ralat mencadangkan kemungkinan ketidakpadanan antara pengepala permintaan dan konfigurasi CORS. Laksanakan langkah berikut:

1. Benarkan semua pengepala dengan menetapkan parameter middleware AllowedHeaders kepada *:

headersOk := handlers.AllowedHeaders([]string{"*"})

2. Konfigurasikan tetapan CORS secara berulang agar sepadan dengan pengepala yang dihantar oleh pelanggan Angular.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Pengepala Kebenaran pada Permintaan HTTP Sudut dan Menyelesaikan Isu CORS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!