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后，网址将更改为

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'

删除该部分，您的网址后会得到一个哈希值，它会正常工作。

Vue路由器 - 保持在相同的URL（没有重定向）

1 个答案: