I am encountering issues with the Vue Router and I'm uncertain about what is causing this problem...
Upon loading my application, the page path gets duplicated.
For instance:
If I visit the path http://localhost:8080/painel
, it displays in the browser as
http://localhost:8080/painel/painel
If I refresh the page, the path continues to duplicate, resulting in something like:
http://localhost:8080/painel/painel/painel
My file configurations are as follows:
/src/main.js
import Vue from 'vue'
import localforage from 'localforage'
import Notifications from 'vue-notification'
// Other imports omitted for brevity...
Vue.use(Notifications)
new Vue({
el: '#app',
router,
store,
components: {App},
template: '<App/>'
})
/src/router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import store from '../store'
// Route definitions and navigation guards shown here...