是否可以使用 Next js 在某些页面上禁用 ssr?例如,我有一个包含产品描述的页面,在该页面上我使用 ssr 进行 SEO,但我也有一个包含可以过滤的项目或产品列表的页面,对于该页面,我不想使用 ssr,因为这页面每次都是动态生成的,如何禁用该页面上的ssr?
最佳答案
dynamic()
函数也可以在没有动态导入的情况下使用:
// components/NoSsr.jsx
import dynamic from 'next/dynamic'
import React from 'react'
const NoSsr = props => (
<React.Fragment>{props.children}</React.Fragment>
)
export default dynamic(() => Promise.resolve(NoSsr), {
ssr: false
})
此组件中包含的任何内容在 SSR 源中将不可见。例如:
// inside the page you want to disable SSR for
import NoSsr from "components/NoSsr";
Contact me at <NoSsr>email@example.com</NoSsr>
关于reactjs - Next js - 禁用某些页面的服务器端渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53139884/