[BUG] When I use Azure Cloud shell web preview I receive Cannot GET /proxy/3000/ error.

[sid24desai]

To Reproduce

First scenario:-

I ran one express app locally and then ran
curl http://localhost:3000 The express page html code is showing in the Azure Cloud shell terminal like below:-

But When I did Port forwarding and tried to load the app via Cloud shell Web Preview section, I received the error below:-

Cannot GET /proxy/3000/

Second scenraio:-

Now, I referred this Blog and added my entire Express app inside clouddrive directory of the Azure cloud shell storage account and ran npm run inside the cloud shell, Tried Port forwarding to load the app in the browser but it still failed with the same error, Refer below:-

Still received the same error:-

As the blog author is using dotnet app, I also created one dotnet 7 app and uploaded it in clouddrive director, And ran dotnet run. Even when the App ran successfully, It failed to load it when I did port forwarding with Cloud Shell Web Preview feature.

Expected behavior

After I configure the Port in Web Preview section of Cloud shell > It should ideally load my web app front page.

Is this specific to Cloud Shell?

Yes, This is specific to Azure cloud shell Terminal available on Azure Portal.

Interface information

How are you accessing Cloud Shell - https://shell.azure.com, https://portal.azure.com,
If a browser, which Operating System and browser are you using? (ex. Edge on Windows 11)

Additional context

Referenced from this SO thread- https://stackoverflow.com/questions/77605976/azure-cloud-shell

[sinopsysHK]

Hi,

same issue in sandbox while running Azure training: https://learn.microsoft.com/en-us/training/modules/control-access-to-azure-storage-with-sas/4-exercise-use-shared-access-signatures

[dekkermg]

Hi,

same issue in sandbox while running Azure training: https://learn.microsoft.com/en-us/training/modules/control-access-to-azure-storage-with-sas/4-exercise-use-shared-access-signatures

Same here, running in circles when I open a new browser and login to the Azure Portal, start a cloudshell bash, click on Web Preview and choose Preview Port 8000. A new window opens with the message: Unauthorized. Sign-in to authenticate and refresh this page. Signing in opens a new Azure Portal window with a cloudshell session.... Refreshing the previous page doesn't change the page. Using Edge browser.

[Philip-Wong]

https://learn.microsoft.com/en-au/training/modules/control-access-to-azure-storage-with-sas/4-exercise-use-shared-access-signatures

Follow step 10 & 11:

Error occurs at Step 12:

[iamichi]

Same bug in this Azure training module: Exercise - Use shared access signatures to delegate access to Azure Storage