Latihan - Mengonfigurasikan CORS

  • 3 menit

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

  1. Buka file api/local.settings.json.

  2. 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": "*"
  }
}

  3. Jika API masih berjalan, mulai ulang proses dengan memilih Putuskan sambungan di bilah debug, lalu tekan F5 untuk memulainya lagi.

Memeriksa aplikasi front-end

  1. Aplikasi front-end masih harus berjalan di tab browser pada port 5000. Refresh halaman.

  2. Aplikasi memuat data dari API.

    Cuplikan layar browser web yang menunjukkan aplikasi Pengelola Produk yang ditampilkan berisi data.

  3. 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?