如何在 nextjs 中获取动态页面 html 输出？

【问题标题】：How to get a dynamic page html output in nextjs?如何在 nextjs 中获取动态页面 html 输出？
【发布时间】：2021-05-19 11:12:34
【问题描述】：

如何在 next.js html 输出中创建动态页面？我有一个动态页面，导出后没有为其创建文件。当我点击链接时，它进入了页面，但是在刷新页面时，没有发现404错误。或者有没有办法在节点模块和 server.js 中定义动态页面链接？

我的代码：

[帖子].js

const Layout = dynamic(() => import('../../components/blogs/post'),
    { loading: () => <p>loading...</p> }
)

class Post extends React.Component {
    render() {
        return (
            <Layout/>
        )     
    }
}

【问题讨论】：

标签： javascript node.js reactjs next.js

【解决方案1】：

您是否在项目中制作了以下文件？

在这张图片中，我在 /pages 文件夹下创建了 [uid].tsx。所以我将按照我们的 getStaticProps 和 getStaticPaths

进行渲染

如果没有 [uid].tsx，我们将无法在受尊重的路由端点处呈现我们的页面。

更多信息请查看documentation

【讨论】：

谢谢，但 getStaticProps 用于静态页面，导出后无法显示新帖子。出于这个原因，我需要动态页面。 :(
那么你需要动态页面导入吗？
是的，我知道，但我不知道该怎么办。
请参考以下代码：import dynamic from 'next/dynamic'; const PageLayout = dynamic(() => import('../page/layouts')); <PageLayout>{children}</PageLayout>
如果还是不行请告诉我:)