Bagaimanakah Saya Mendayakan Perkongsian Sumber Silang Asal (CORS) untuk Aplikasi AngularJS Saya?

Perkongsian Sumber Silang Asal (CORS) dalam AngularJS

Gambaran Keseluruhan CORS

CORS membolehkan pelayar web untuk membuat permintaan kepada domain yang berbeza daripada domain yang menyediakan skrip. Ini perlu apabila mengakses sumber daripada domain HTTP sahaja atau apabila penyemak imbas menggunakan protokol yang berbeza (seperti HTTPS).

Mendayakan CORS dalam AngularJS

CORS tidak boleh didayakan terus dari dalam AngularJS. Sebaliknya, pelayan yang mengehos sumber yang diminta mesti melaksanakan CORS. Pelayan mesti menghantar pengepala HTTP berikut sebagai responsnya:

• Access-Control-Allow-Origin: Asal tapak web yang dibenarkan membuat permintaan.
• Access- Control-Allow-Methods: Kaedah HTTP yang dibenarkan untuk permintaan.
• Access-Control-Allow-Headers: Pengepala HTTP yang dibenarkan dalam permintaan.

Pelaksanaan Bahagian Pelayan

Pelaksanaan bahagian pelayan CORS bergantung pada rangka kerja yang digunakan. Sebagai contoh, dalam PHP, kod berikut boleh ditambah pada fail .htaccess:

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type, Authorization"

Pertimbangan Tambahan

• Pastikan bahawa pengepala Kebenaran adalah dibenarkan dalam pengepala respons Access-Control-Allow-Headers pada pelayan.
• Pelayar akan menghantar secara automatik permintaan prapenerbangan (OPTIONS) sebelum menghantar permintaan sebenar. Pelayan mesti membalas permintaan pra-penerbangan ini dengan pengepala HTTP yang sesuai.
• Rujuk spesifikasi CORS untuk mendapatkan maklumat yang lebih terperinci.

Kesimpulan

Mendayakan CORS dalam AngularJS memerlukan kerjasama pelayan yang mengehos sumber yang diminta. Dengan melaksanakan CORS pada pelayan, tapak web boleh memberikan akses kepada sumber daripada domain dan protokol yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Saya Mendayakan Perkongsian Sumber Silang Asal (CORS) untuk Aplikasi AngularJS Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!