首页 > 解决方案 > 带有 HashBang 的 Vue 路由器重定向到主页

问题描述

我是 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. 所以它与上述任何一条路线都不匹配。

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

谢谢

标签: vue.jsvue-router

解决方案


推荐阅读