如何在Next.js中为动态路线设置后备重定向？

Question

我使用此文件夹结构为我的博客有一条嵌套，动态的路线：

/pages
  /articles
    /page
    /[...page].js

这会导致网址：

mysite.com/articles/page/1
mysite.com/articles/page/2

如果某人键入以下URL：

mysite.com/articles
mysite.com/articles/page

...我想将它们重定向到mysite.com/articles/page /1。

我该怎么做？

我认为我可以创建：

/pages
  articles.js
  /articles
    page.js

然后，在这些文件中，我可以使用路由器...

import { useRouter } from 'next/router';

const router = useRouter();

router.push('/articles/page/1');

为每个后备有一个新文件似乎有些过分。我应该改用_MiddleWare.js文件吗？

import { NextResponse, NextRequest } from 'next/server'
export async function middleware(req, ev) {
  const { pathname } = req.nextUrl
  if (pathname === '/articles' || pathname === '/articles/page') {
    return NextResponse.redirect('/articles/page/1')
  }
  return NextResponse.next()
}

我还看到可以在next.config.js中设置重定向，但是我得到的印象更适合301个重定向。