'Vue JS SPA is not redirecting properly on Azure Static Apps

I have a Vue.js SPA (Vue2, Vuex) It works just fine in my local development environment. When I deploy it to Azure (via github actions), if you navigate by starting at the root everything works fine. https://ashy-pond-00ba15e03.1.azurestaticapps.net/ if you try to go to a client-side route directly you get a 404 error https://ashy-pond-00ba15e03.1.azurestaticapps.net/about

I have tried updating the Configuration in the Static App administration panel but I don't really understand the microsoft docs and what I am supposed to enter. Any assistance would be much appreciated



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source