如何重定向到 nuxt 中的子路由？

Question

我想重定向到子路由，如果用户输入 localhost:3000/browse ，他将重定向到 localhost:3000/browse/songs/new 。但我不知道该怎么做！

我不知道这个例子的最佳组件结构是什么

我的路线将是这样的：

 localhost:3000/browse/songs/new
localhost:3000/browse/songs/popular
localhost:3000/browse/songs/top
localhost:3000/browse/songs/podcasts
localhost:3000/browse/songs/playlist

在所有主题中，我有一个共同的部分，但内容不同。

公用部分

原文由 mr stark 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您只有一个要重定向到的位置，请查看 Andrew1325 的回答。如果有多个路由到重定向匹配， 这个线程 有一些想法。

我这样做的方式是使用“匿名”中间件，如下所示：

在 /pages/browse/index.js

 <script>
export default {
    middleware: [
        function({ redirect }) {
            redirect('/browse/songs/new');
        },
    ],
};
</script>

原文由 parker_codes 发布，翻译遵循 CC BY-SA 4.0 许可协议