Настройка CORS

  • 3 мин

Итак, API создан и вы готовы к тому, чтобы подключить интерфейсное веб-приложение и действительно увидеть, что проект работает. Но сначала необходимо сообщить API, что его может вызывать интерфейсное приложение. Это соединение выполняется с помощью функции общего доступа к ресурсам между источниками или CORS.

Изменение параметров CORS для локального приложения Функции Azure

Вы можете указать домены и порты, к которым прослушивает API. Укажите свойство CORS в разделе Host в файле local.settings.json в папке проекта основной функции. Файл local.settings.json — это тот же файл, в котором хранится база данных строка подключения.

В разработке обычно устанавливается значение "*"CORS. Это "*" означает, что все и их домашние животные (хотя домашние животные имеют проблемы с вводом) могут получить доступ к этому API. CORS — это параметр, который требуется в рабочей среде, поэтому лучше выключить его во время разработки.

{
  "IsEncrypted": false,
  "Values": {
    "AzureWebJobsStorage": "",
    "FUNCTIONS_WORKER_RUNTIME": "node",
    "AzureWebJobsFeatureFlags": "EnableWorkerIndexing",
    "CONNECTION_STRING": "AccountEndpoint=https://tailwind-traders-2778.documents.azure.com..."
  },
  "Host": {
    "CORS": "*"
  }
}

Предупреждение

* дикий карта для параметра CORS хорошо подходит для разработки, но опасный в рабочей среде. При настройке CORS в развернутом приложении Функции Azure параметр приложения следует изменить на URL-адрес внешнего приложения при развертывании этого API в рабочей среде.

Так как умный разработчик вы (Tailwind Traders не повезло вам), вы настраиваете API, чтобы разрешить доступ во время разработки. Теперь вы можете осветить внешний интерфейс и увидеть приложение Products Manager во всей его славе.