具有HashBang的Vue路由器重定向到主页

时间:2020-07-03 11:28:26

标签: vue.js vue-router

我是vue-router的新手。我的路由器实例看起来像这样

var routes = [
    {
        'path': '/someroute', name: 'somename', 'component': SomeComponent,
    },
    { 'path': '*', redirect: '/' }        
]
var SomeRouter = new window.VueRouter({
    'routes': routes,
    base: 'home#!',
    mode: 'history'
})
SomeRouter.beforeEach(function (to, from, next) {
    console.log(to, from);
    next();
});

我在后端有一个/ home路由,用于提供HTML页面。 Vue应用程序正在此页面上运行。

每当我刷新时,它总是转到默认路由。我尝试调试刷新时发现的完整路径 新路线的变为/#!/someroute。因此它与上述任何一条路线都不匹配。

由于遗留原因,我无法删除#!。如果有人指出我犯过的错误或提出其他替代策略,这将有很大帮助。

谢谢

0 个答案:

没有答案