Latihan - Mengonfigurasikan CORS
Dalam latihan ini, Anda akan mengonfigurasi Berbagi Sumber Daya Lintas Asal (CORS) di Azure Functions lokal Anda, dan melihat aplikasi Manajer Produk menjadi hidup.
Mengonfigurasi CORS
Buka file
api/local.settings.json
.Tambahkan bagian "Host" di bawah properti "Nilai". Atur nilai "CORS" pada "Host" menjadi "*".
{ "IsEncrypted": false, "Values": { "AzureWebJobsStorage": "", "FUNCTIONS_WORKER_RUNTIME": "node", "AzureWebJobsFeatureFlags": "EnableWorkerIndexing", "CONNECTION_STRING": "PASTE YOUR CONNECTION STRING HERE" }, "Host": { "CORS": "*" } }
Jika API masih berjalan, mulai ulang proses dengan memilih Putuskan sambungan di bilah debug, lalu tekan F5 untuk memulainya lagi.
Memeriksa aplikasi front-end
Aplikasi front-end masih harus berjalan di tab browser pada port 5000. Refresh halaman.
Aplikasi memuat data dari API.
Untuk memastikan bahwa semua titik akhir berfungsi, coba buat, perbarui, dan hapus produk.
Aplikasinya terlihat bagus. Terlihat sangat bagus. Semuanya tidak akan mungkin terjadi tanpa API brilian Anda. Siap untuk menguji apa yang telah Anda pelajari?