base route is appended to url on page referesh

[tkeer]

With simple latest nuxt app, if you add @nuxtjs/router and set router base to anything, each browser refresh appends base route to the url.

package.json

  "name": "my-app",
  "scripts": {
    "dev": "nuxt",
  },
  "dependencies": {
    "nuxt": "^2.15.6"
  },
  "devDependencies": {
    "@nuxtjs/router": "1.6.1"
  }
}

nuxt.config.js

  ssr: false,

  router: {
    base: "/s"
  },

  buildModules: [
    "@nuxtjs/router",
  ],

};

router.js

import Vue from 'vue'
import Router from 'vue-router'

import MyPage from '~/my-page'

Vue.use(Router)

export function createRouter() {
  return new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        component: MyPage
      }
    ]
  })
}

[Lindar90]

I can confirm that this issue still exists. @tkeer I found a workaround, you need to use Vue Router's base property instead https://router.vuejs.org/api/#base

// in your router.js file:

const router = new Router({
    mode: 'history',

    base: '/app/',

    routes: [...]
});