How to fix new 404 error for static web app

Question

How to fix new 404 error for static web app

Tim Northrop 0

Hi everyone, I'm new to Azure so this might be a dumb question. I have a very simple static web app that's been up and functioning as expected for over a year, but I've just started getting 404 errors from Azure when visiting the domain. I didn't make any changes to start this issue, and the app is quite literally just index.html and styles.css.

I'm using Azure for Students, and my project is under my school's subscription. Is it possible that my resource got moved around somehow?

I haven't taken any actions besides troubleshooting through Azure, although that doesn't report any problems. Should I just push a change to the repo to kick off another deployment?

Thanks in advance!

Iufor 0 Reputation points

2024-10-24T16:54:42.63+00:00

Hi Tim , I've identified a 404 error in the static web app. It seems to be related to incorrect file paths or missing files. I'll investigate further and make the necessary adjustments to resolve it ASAP. Thanks for bringing this to my attention!
Iufor 0 Reputation points

2024-10-24T16:56:16.6466667+00:00

"Hi Tim , I've identified a 404 error in the static web app. It seems to be related to incorrect file paths or missing files. I'll investigate further and make the necessary adjustments to resolve it ASAP. Thanks for bringing this to my attention!"

1 answer

Your answer

Iufor 0 Reputation points

2024-10-24T16:54:42.63+00:00

Hi Tim , I've identified a 404 error in the static web app. It seems to be related to incorrect file paths or missing files. I'll investigate further and make the necessary adjustments to resolve it ASAP. Thanks for bringing this to my attention!
Iufor 0 Reputation points

2024-10-24T16:56:16.6466667+00:00

"Hi Tim , I've identified a 404 error in the static web app. It seems to be related to incorrect file paths or missing files. I'll investigate further and make the necessary adjustments to resolve it ASAP. Thanks for bringing this to my attention!"

Answer 1

@Tim Northrop Aplogies for late response here! If you are still facing this issue you may want to know that the recommended way of dealing with SPA is to use the staticwebapp.config.json file with the following content:

{
  "navigationFallback": {
    "rewrite": "index.html",
    "exclude": ["/*.{     ADD_FILE_EXTENSIONS_HERE    }"]
  }
}

See an example for Angular: https://github.com/manekinekko/azure-static-web-apps-playground/blob/main/src/assets/staticwebapp.config.json

Refrence- https://docs.microsoft.com/en-us/azure/static-web-apps/configuration#fallback-routes

Share via

How to fix new 404 error for static web app

1 answer

Your answer