I’ve deployed a Node.js API and a React.js application in two separate App Services. However, after deployment, the application is not receiving any data from the database.

Question

I’ve deployed a Node.js API and a React.js application in two separate App Services. However, after deployment, the application is not receiving any data from the database.

Thirupathi Reddy 20

Hello,

Can anyone please help me with deployment and accessing web app.

0 comments

1 answer

Your answer

Answer 1

Shree Hima Bindu Maganti 7,580 Microsoft External Staff Moderator

Hi @Thirupathi Reddy
It seems you're having trouble with your Node.js API and React.js app not receiving data from the database after deploying to Azure App Services.

Make sure your database connection strings are set up correctly in your app's code and Azure App Service configuration. If you're using Azure Cosmos DB or Azure SQL Database, confirm the settings.

Check your App Service settings in the Azure portal to ensure all required environment variables for the database are configured.

If you're using a Virtual Network or private endpoint, verify that the network settings are correct to avoid connectivity issues.

Turn on application logging in Azure to see if any errors are being reported.

If you deployed using FTP, confirm that all necessary files were uploaded, as missing files can cause errors.
Connect to Azure SQL Database using Node.js

Deploy a Node.js + MongoDB web app to Azure
Enable Application Logging
Let me know if you have any further assistances needed

Shree Hima Bindu Maganti 7,580 Reputation points Microsoft External Staff Moderator

2025-11-25T11:48:05.9666667+00:00

Hi @Thirupathi Reddy
Apology for your inconveniences
when a React app deployed to one App Service cannot receive data from a Node.js API deployed to another App Service, it usually means the API is not reachable, the database connection is failing, or the frontend is still pointing to a localhost URL. Please first open the API URL in the browser to confirm it is running, and then check the API App Service Configuration to ensure the correct database connection string is added as an environment variable and that the SQL/Cosmos DB firewall allows connections from your App Service. Also confirm that your React build is using the production API URL (for example, https://<api>.azurewebsites.net) because if the build still contains localhost, the frontend will never receive data. In the API, make sure CORS allows the React app domain, otherwise the browser will block every response. Finally, use App Service Log Stream and the Kudu console to check for any database connection errors or failed API responses.
https://learn.microsoft.com/en-us/azure/app-service/configure-common?tabs=portal#configure-app-settings
https://learn.microsoft.com/en-us/azure/app-service/troubleshoot-diagnostic-logs
https://learn.microsoft.com/en-us/azure/app-service/app-service-web-tutorial-rest-api#enable-cors
https://learn.microsoft.com/en-us/azure/azure-sql/database/firewall-configure?view=azuresql
Let me know if you have any further assistances needed.
Thirupathi Reddy 20 Reputation points

2025-11-25T14:32:49.8533333+00:00

@SHREE HIMA BINDU MAGANTI Can we have a call. when you are available?
Shree Hima Bindu Maganti 7,580 Reputation points Microsoft External Staff Moderator

2025-11-26T16:34:55.2333333+00:00

Hi @Thirupathi Reddy
I sent you a private message requesting details. Could you please share them so we can connect on Teams.

Share via

I’ve deployed a Node.js API and a React.js application in two separate App Services. However, after deployment, the application is not receiving any data from the database.

1 answer

Your answer