Konfigurowanie mechanizmu CORS

  • 3 min

Interfejs API został utworzony i możesz przystąpić do łączenia aplikacji internetowej frontonu i faktycznie zobaczyć tę pracę nad projektem. Jednak zanim będzie to możliwe, musisz poinformować interfejs API, że jest ok, aby aplikacja frontonu mogła ją wywołać. To połączenie jest wykonywane z czymś nazywanym udostępnianiem zasobów między źródłami lub mechanizmem CORS.

Modyfikowanie ustawień mechanizmu CORS dla lokalnej aplikacji usługi Azure Functions

Możesz określić domeny i porty, do których nasłuchuje interfejs API. Określ właściwość CORS w obszarze Host w pliku local.settings.json w głównym folderze projektu funkcji. Plik local.settings.json jest tym samym plikiem, w którym zapisano bazę danych parametry połączenia.

Często w programowania ustawiana jest wartość CORS na "*"wartość . Oznacza "*" to, że każdy i ich zwierzę (chociaż zwierzęta mają problemy z wpisywaniem) mogą uzyskać dostęp do tego interfejsu API. Mechanizm CORS to ustawienie potrzebne tylko w środowisku produkcyjnym, dlatego warto je zasadniczo wyłączyć na etapie tworzenia aplikacji.

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

Ostrzeżenie

Symbol wieloznaczny dla ustawienia CORS jest w porządku dla rozwoju, ale niebezpieczne w środowisku produkcyjnym. Podczas konfigurowania mechanizmu CORS w wdrożonej aplikacji usługi Azure Functions ustawienie aplikacji powinno zostać zmienione na adres URL aplikacji frontonu po wdrożeniu tego interfejsu API w środowisku produkcyjnym.

Ponieważ jesteś sprytnym deweloperem (firma Tailwind Traders ma szczęście, że masz), skonfigurujesz interfejs API, aby zezwolić na dostęp podczas opracowywania. Teraz możesz zapalić fronton i zobaczyć aplikację Products Manager w całej swojej chwały.