An Azure service that provides streamlined full-stack web app development.
Hi @keith makoni
Thanks for providing those details. Since you're uploading files directly to the $web container in Azure (not using GitHub or Static Web Apps), Azure Blob Storage static website hosting is the right approach for your project.
Common issues after uploading include:
- Static website hosting not enabled or not saved properly
- Index file not set correctly
- Files placed in the wrong location
Here’s how to proceed:
- Enable static website hosting: In the Azure portal, select your storage account, go to Static website under Data management, set it to On, enter your index file name (e.g., index.html), and save. The Primary endpoint URL will appear at the top (https://yourstorageaccountname.z6.web.core.windows.net/)—this is your site address.
- Check your files: Go to Containers and open $web. Confirm your index.html and other files are inside. Make sure the Content type for index.html is set to text/html.
- Test your site: Paste the Primary endpoint URL into your browser. If it loads your homepage, everything is set. If you see an error, it may mean the index file isn’t at the root or hosting isn’t enabled.
If the site isn’t loading, let me know:
- What message or error you see at the Primary endpoint URL
- If you see the $web container and your files in it
reference:
- Main guide: https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website
- Step-by-step tutorial: https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website-host
- How to enable it: https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website-how-to?tabs=azure-portal
Please do not forget to click "Accept the answer” and Yes, this can be beneficial to other community members.
If you have any other questions, let me know in the "comments" and I would be happy to help