0

我无法在使用动态路由创建的页面上设置标题和其他元标记。当页面在浏览器中加载时，标题和元数据设置正确，但它们没有在我使用 wget 获取的原始 HTML 代码中设置。

我已经尝试使用两者<Head>并<NextSeo>获得相同的结果。我也尝试了这两种getStaticProps() / getStaticPaths()方法getServerSideProps()。

这是我的代码的简化片段。

const PostPage = ( { post } ) => {
    let txt = post.text || post.brief_descr;


    return (
        <Layout>
            <NextSeo
                title={post.title}
                description={post.brief_descr}
            />
            <h1>Hello World</h1>
        </Layout>
    );
};


export async function getServerSideProps ( { res, query } ) {
    const p = query.params[ 0 ];

    const data = await act_post_get( id, slug )();

    return {
        props: { post: data }
    };

}
4

1 回答 1

0

_document.tsx事实证明，我把andgetInitialProps()函数搞砸了。通过简化_document.tsx我能够正确使用getStaticProps()withrevalidate选项，现在它可以按预期工作。

于 2022-02-21T08:48:56.337 回答