A CORS konfigurálása

  • 3 perc

Az API létrejött, és készen áll arra, hogy összekapcsolja az előtérbeli webalkalmazást, és ténylegesen láthassa a projekt működését. Mielőtt azonban ezt megteheti, meg kell mondania az API-nak, hogy az előtér-alkalmazás nem tudja meghívni. Ez a kapcsolat a forrásközi erőforrás-megosztás vagy a CORS használatával jön létre.

CORS-beállítások módosítása a helyi Azure Functions-alkalmazáshoz

Megadhatja azokat a tartományokat és portokat, amelyekre az API figyel. Adja meg a CORS tulajdonságot a gazdagép alatt a fő függvény projektmappájának local.settings.json fájljában. A local.settings.json fájl ugyanaz a fájl, amelyben az adatbázist kapcsolati sztring tárolta.

A fejlesztés során gyakran előfordul, hogy a CORS értéket a következőre állítja "*"be: . Ez "*" azt jelenti, hogy mindenki és kedvence (bár a háziállatok nehezen gépelnek) hozzáférhet ehhez az API-hoz. A CORS olyan beállítás, amelyre csak éles környezetben van szükség, ezért a fejlesztés során érdemes tulajdonképpen kikapcsolni.

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

Figyelmeztetés

A CORS-beállítás * helyettesítő karaktere fejlesztésre alkalmas, de éles környezetben veszélyes. Ha a CORS-t egy üzembe helyezett Azure Functions-alkalmazáson konfigurálja, az alkalmazásbeállítást át kell állítani az előtérbeli alkalmazás URL-címére, amikor az API éles környezetben van üzembe helyezve.

Az ön okos fejlesztőjeként (a Tailwind Traders nem szerencsés, hogy önnél van), úgy konfigurálja az API-t, hogy lehetővé tegye a hozzáférést a fejlesztés során. Most már kivilágíthatja az előtérrendszert, és teljes pompában megtekintheti a Products Manager alkalmazást.