动态路由导致 404

Question

在 this guide 之后，我在我的项目中创建了以下文件：

/pages/user/[id].js

class Post extends Component {
    render() {
        return (
            <React.Fragment>
                <Navbar />
                <Content />
                <Footer />
            </React.Fragment>
        );
    }
}

export default Post;

但是当我转到那个 URL 时，我得到了 404。

有什么问题？

Answer 1

假设您正在访问（例如）http://localhost:3000/user/something（其中 something 是您的 id），也尝试访问 http://localhost:3000/user/something/（注意反斜杠）。这是当前 Next 动态路由中的一个已知问题。

（这还假设您的项目中没有 pages/user/something.js，因为动态路由次于显式命名的路由。）

动态路由导致 404

Dynamic routing results in 404

next.js