我是一名有用的助手,可以为您翻译文本。
我将代码放在
当页面加载时,我在浏览器中检查页面源代码以确定它是否在服务器端呈现,但代码中没有包含单词
我做错了吗?它是在客户端呈现的吗?
我正在参与一个需要服务器端渲染以实现SEO目的的项目,我正在使用Next.js和React,并且我正在使用Next.js动态路由。
我创建了一个简单的页面来检查它是否工作:
import Head from 'next/head'
import React, { Fragment } from 'react'
import { withRouter } from 'next/router'
class Product extends React.Component {
render() {
return (
<Fragment>
<Head />
<h1>{this.props.router.query.name}</h1>
</Fragment>
)
}
}
export default withRouter(Product)
我将代码放在
/pages/product/[name].js
中,运行开发服务器并访问localhost:3000/product/cheese
。当页面加载时,我在浏览器中检查页面源代码以确定它是否在服务器端呈现,但代码中没有包含单词
cheese
。我做错了吗?它是在客户端呈现的吗?