Make automatically added trailing slash in base optional

[tychenjiajun]

What problem does this feature solve?

We use the following base config

base: /page/index.html

what we want in href generated by

<a href="/page/index.html#/foo"/></a>

what we have now

<a href="/page/index.html/#/foo"/></a>

What does the proposed API look like?

base: {
    url: '/page/index.html'
    trailingSlash: false
}

[posva]

What is the use case for that?

[tychenjiajun]

@posva Our backend only allow us to use index.html to be the only entry to the SPA.

[posva]

Initial navigation should still work as the router will still recognize index.html#/users/:id. But, the base should be /page/ without the index.html, that way the server can probably also answer correctly

[tychenjiajun]

@posva No, the server response 404 on /page/ and fail to answer the CSS and js files if request URL is /page/index.html/#/. I was told to only use /page/index.html to be the only entry.

<router-link> works well when clicked. For example, <router-link to="/foo"> can navigate us from /page/index.html#/ to /page/index.html#/foo, but its rendered href is <a href="/page/index.html/#/foo">, which makes us unable to right click it and open in a new tab.

And here is an example: https://codesandbox.io/s/vue-template-v7qmf

[posva]

I forgot about this but with Hash mode, there should be no base specified. It's picked up automatically from the URL