[940] Web application is breaking in functionality due to routing issues in Nuxt Static Generate.

I am having trouble with CSS and scripts breaking when refreshing my page, we are utilizing Buefy UI . We are utilizing static generated structure running "npm run generate" in order to obtain static generate structure to deploy project as a static project. The project runs successfully and works when it comes to normal routes, when it starts. However, for some reason when I refresh the page the CSS breaks so does the functionality such as search or forms. This seems to be a routing issue as our URL changes when we refreshed and it adds a "/". It seems that based on the Nuxt static generate project structure. I am unable to change the routes as Nuxt builds my routes based on my pages folder structure. Does anyone have a solution or has gone through this?

The only configuration in our code for nuxt.configuration for the routes is the following below. This route is set up to display our initial page, which is the login page.

router: {
       extendRoutes(routes, resolve) {
           routes.push({
               name: 'index',
               path: '/',
               component: resolve(__dirname, 'pages/login.vue')
           })
           torch.white(routes)
       }
   }, ```



<!--cmty--><!--cmty_prevent_hook-->
<div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c805">#c805</a>)</em></sub></div>