Vue3 renders only index.html but doesn't render components.

[skyshy0707]

Hello! I use Vue3, define router and use it in my vue app, but when i open my main page i see content of index.html only, nothing of component.

./src/routes.js:

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
    history: createWebHistory(),
    routes: [
        { 
            path: '/:location?', 
            name: 'weather', 
            component: () => import('./views/Weather/Weather.vue')
        },
        { 
            path: '/login', 
            name: 'login', 
            component: () => import('./views/Login/Login.vue')
        },
        { 
            path: '/signup', 
            name: 'register', 
            component: () => import('./views/Register/Register.vue')
        }
    ]
})

export default router;

./src/main.js:

import 'material-icons'
import { createApp } from 'vue'
import 'vuetify'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.use(router)
app.config.globalProperties.$apiUrl = 'http://backend:8081'
app.config.productionTip = false;
app.mount('#app')

What i should do next?

[s3xysteak]

Try hash mode createWebHashHistory(), if that works, it may be a issue with nginx's config. Try google how to configure the config when using HTML5 mode.