router.base is sanitized with trailing slash which does not match with path wihout trailing slash (spa mode only)

[crutch12]

Version

v2.10.2

Reproduction link

https://codesandbox.io/s/example-hello-world-no8hn

Steps to reproduce

Set nuxt.config

{
  mode: 'spa',
  router: {
    base: "/app"
  }
}

Open localhost:3000/app

What is expected ?

index.vue file from pages dir

What is actually happening?

404 This page could not be found

Additional comments?

Works fine if open localhost:3000/app/

Works fine in universal mode, but logs ssr error (The client-side rendered virtual DOM tree is not matching...)

It's happening because of getLocation function (https://github.com/nuxt/nuxt.js/blob/701f2d033bbc421f85f888f9bf9100b176aac818/packages/vue-app/template/utils.js#L267) and because of router.base is sanitizing with trailing slash (https://github.com/nuxt/nuxt.js/blob/dev/packages/config/src/options.js#L93)

So I propose change getLocation function

[stale]

Thanks for your contribution to Nuxt.js!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as pending will not be automatically marked as stale.

[renzosunico]

Hi,

Is there a workaround for this? I noticed that the merge request is still open. Thank you.

[stale]

Thanks for your contribution to Nuxt.js!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as pending will not be automatically marked as stale.