Vue 路由器 - 保持不变 url（无重定向）

Question

我正在使用这个 simple-router 示例，但使用我自己的组件：

$( document ).ready(function() {

    const Home = { template: '<div id="login"><login-comp></login-comp></div>' };
    const Foo = { template: '<div>Foo</div>' };
    const router = new VueRouter({
      mode: 'history',
      routes: [
        { path: '/', component: Home },
        { path: '/foo', component: Foo }
      ]
    })
    new Vue({
        router,
        el: '#router',
        data: {
            msg: 'Hello World'
        }
    })

});

它工作正常，但作为从一个路由到另一个路由的更改，页面重定向到我的基地 url，例如我的网站是：

https://example.com/vue/index.jsp

更改为/foo后，url更改为

https://example.com/foo

我的 index.jsp 路由器：

<div id="router">
    <router-link to="/">/home</router-link>
    <router-link to="/foo">/foo</router-link>
    <router-view></router-view>
</div>

感谢您的帮助。

Answer 1

当您将模式设置为历史时，这就是它的工作原理：

mode: 'history'

删除那部分，你会在你的 url 之后得到一个散列，它会正常工作。

Vue 路由器 - 保持不变 url（无重定向）

Vue router - stay in the same url(without redirect)

vue-router

vuejs2