此问题已在此处有答案：

Issue with navigating to a new page in Next.js（1个答案）
Next.js Router - Getting 404 page not found（1个答案）
12天前关闭
我正在用NextJS创建一个个人网站，新的app目录有问题。
我在app/page.js主页上有一个页面列表，例如：关于，博客，等等。在我的/blogs页面上，我想包含一个博客文章列表，这些博客文章应该重定向到该页面并显示该博客的内容，但是当点击我的博客文章时，我收到了一个意外的404页面。
结构：

app/
  blog/
    page.js
    blog1.js

在/blog/page.js中，我有以下代码：

import Link from "next/link";

export default function Blog() {
    const blogList = [
        {
            'page': '/blog/blog1',
            'text': 'blog 1'
        }
    ]
    return (
        <div>
            <h1>Blog</h1>
            <ul>
                {blogList.map(blog => (
                    <li>
                        <Link href={blog.page}>{blog.text}</Link>
                    </li>
                ))}
            </ul>
        </div>
    )
}

我会欣赏一些眼睛和评论！使用pages目录实现这一点很容易，但在v.13中发生了变化，我一直无法克服这一点。