vue 路由如何让 404 页面跳外站？

Question

常见配置是这样的：

{path:'/*', name:'404', component:()=>import('@/views/404.vue')},

这样会跳到一个 vue 页面，但是现在我想跳到站外一个公共404页面，要怎么做呢？

尝试了这样，不管用：

{path:'/*',  redirect:'http://xxx.com/404.html'},

目前用的办法是，先进入 404.vue 里，再运行 window.location.href="http://...."

想请教下大佬们，能直接再路由表里设置吗

Answer 1

看上去没办法。

不过你可以直接把组件写在路由这里。哈哈哈

{path:'/*', name:'404', component: function(){window.location.href="http://sf.gg"}}

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

可以给这条路由单独加个路由守卫：

{
    path: '/*',
    name: '404',
    beforeEnter: (to, from, next) => {
        location.href = 'https://example.com/404.html';
    }
}