CORS Issue on Azure Function App (Flex Consumption Host Model)

Question

I'm currently facing a CORS (Cross-Origin Resource Sharing) issue with my Azure Function App, which is running on a Flex Consumption host model. It was developed locally and deployed to a Azure. I'm encountering the following error when trying to call the function from the protal:

HTTP response code: 0 Unknown HTTP error HTTP response content: Error: {"message":"Failed to fetch","stack":"TypeError: Failed to fetch\n at https://portal.azure.com/Content/Dynamic/qTMV9j3qzPmv.js:227:24350","isError":true}

Here are the steps I've taken so far:

Enabled CORS in Azure Portal in both Azure Function App and Azure Storage Account (Blob and File service - GET,POST,PUT allowed methods)
Verified the settings in the "Configuration" section under "Settings" in the Azure portal
Tried Incognito Mode

Do you have Access restrictions enabled in Azure function App? — Pravallika KV
– Pravallika KV, Commented Jul 15, 2024 at 7:58
Access restrictions might be enabled in our Azure Function App. This occurred while I was working on a client's project, so it's possible that specific restrictions or configurations were applied based on the project's requirements. — Shelani de Silva
– Shelani de Silva, Commented Jul 15, 2024 at 11:13

Pravallika KV · Accepted Answer · 2024-07-15 12:14:18Z

2

This error occurs if the access restrictions is enabled in the Azure function App.

Enable access to all networks or grant access from Ip Address or virtual network.

enter image description here

Configure CORS to allow origins:

enter image description here

Portal:

After enabling network access, able to run the function.

enter image description here

answered Jul 15, 2024 at 12:14

Pravallika KV

9,9652 gold badges6 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CORS Issue on Azure Function App (Flex Consumption Host Model)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related