Mengapa Konfigurasi CORS Bahagian Klien Apl Saya AngularJS Tidak Berfungsi?

Teka-teki Konfigurasi CORS dalam AngularJs

CORS (Cross-Origin Resource Sharing) membenarkan JavaScript dari satu asal (cth., tapak web anda) untuk mengakses sumber daripada asal yang berbeza (mis., API). Walau bagaimanapun, ia mesti didayakan pada bahagian pelayan.

Konfigurasi yang anda berikan cuba mendayakan CORS pada bahagian klien, tetapi ia tidak berkesan. Coretan kod berikut menunjukkan perkara yang anda cuba:

myApp.config(function($httpProvider) {
  $httpProvider.defaults.useXDomain = true;
  delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

myApp.service('dataService', function($http) {
    delete $http.defaults.headers.common['X-Requested-With'];
    ...
});

Konfigurasi ini membenarkan permintaan silang asal tetapi gagal kerana pelayan perlu bertindak balas dengan pengepala CORS yang sesuai untuk memberikan kebenaran.

Mesej ralat "XMLHttpRequest tidak boleh memuatkan URL. Asal tidak dibenarkan oleh Access-Control-Allow-Origin" menunjukkan bahawa respons pelayan tidak mempunyai CORS yang diperlukan tajuk. Untuk menyelesaikan isu ini, anda perlu mengkonfigurasi CORS pada pelayan yang mengehoskan API yang anda cuba akses.

Pautan yang disediakan membincangkan pengendalian CORS sisi klien, yang tidak berkenaan dalam kes anda. Pelayan mesti melaksanakan CORS untuk membenarkan akses kepada sumbernya dari asal yang berbeza.

Atas ialah kandungan terperinci Mengapa Konfigurasi CORS Bahagian Klien Apl Saya AngularJS Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!