Упражнение. Настройка CORS

  • 3 мин

В этом упражнении вы настроите общий доступ к ресурсам между источниками (CORS) в локальной Функции Azure и увидите приложение Product Manager.

Настройка CORS

  1. Откройте файл api/local.settings.json.

  2. Добавьте раздел "Host" под свойством "Values". Установите для "CORS" в разделе "Host" значение "*".

    {
  "IsEncrypted": false,
  "Values": {
    "AzureWebJobsStorage": "",
    "FUNCTIONS_WORKER_RUNTIME": "node",
     "AzureWebJobsFeatureFlags": "EnableWorkerIndexing",
    "CONNECTION_STRING": "PASTE YOUR CONNECTION STRING HERE"
  },
  "Host": {
    "CORS": "*"
  }
}

  3. Если API все еще работает, перезапустите процесс, нажав кнопку Отключить на панели отладки, а затем нажав клавишу F5 для повторного запуска.

Проверка интерфейсного приложения

  1. Интерфейсное приложение по-прежнему должно работать на порте 5000 во вкладке браузера. Обновите страницу.

  2. Приложение загружает данные из API.

    Снимок экрана: веб-браузер с открытым приложением Менеджер продуктов с указанными данными.

  3. Чтобы проверить работу всех конечных точек, попробуйте создать, обновить и удалить продукты.

Это приложение выглядит хорошо. Он выглядит очень хорошо. Это не было бы возможным без вашего превосходного API. Готовы пройти проверку по изученному материалу?