Gyakorlat – A CORS konfigurálása

Befejeződött

Ebben a gyakorlatban konfigurálja a forrásközi erőforrás-megosztást (CORS) a helyi Azure Functionsben, és láthatja, hogy a Product Manager alkalmazás életre kel.

A CORS konfigurálása

  1. Nyissa meg a api/local.settings.json fájlt.

  2. Adjon hozzá egy „Gazdagép” értéket az „Értékek” tulajdonság alatt. Állítsa a "CORS" értéket a "Gazdagép" értékre "*" értékre.

    {
      "IsEncrypted": false,
      "Values": {
        "AzureWebJobsStorage": "",
        "FUNCTIONS_WORKER_RUNTIME": "node",
         "AzureWebJobsFeatureFlags": "EnableWorkerIndexing",
        "CONNECTION_STRING": "PASTE YOUR CONNECTION STRING HERE"
      },
      "Host": {
        "CORS": "*"
      }
    }
    
  3. Ha az API továbbra is fut, indítsa újra a folyamatot a hibakeresési sáv Leválasztása elemével, majd az F5 billentyű lenyomásával indítsa újra.

Az előtéralkalmazás ellenőrzése

  1. Az előtérbeli alkalmazásnak még mindig futnia kell egy böngészőlapon az 5000-es porton. Frissítse a lapot..

  2. Az alkalmazás betölti az adatokat az API-ból.

    Képernyőkép a böngészőről az adatokkal kitöltött Products Manager alkalmazással.

  3. Próbáljon meg termékeket létrehozni, frissíteni és törölni is, hogy az összes végpont működését ellenőrizze.

Az alkalmazás jónak tűnik. Nagyon jónak tűnik. Mindez nem volna lehetséges az Ön zseniális API-ja nélkül. Kész próbára tenni az eddig tanultakat?