我有问题将移动端的meta标签添加到NextJS应用程序中。根据这里的文档,应该可以使用以下方式实现:https://nextjs.org/docs#populating-head。但我没有看到标题或任何我自己的元属性得到呈现。我只看到:
<!DOCTYPE html><html><head><meta charSet="utf-8" class="next-head"/>
这看起来像某种默认设置。
import Link from 'next/link'
import Head from 'next/head'
import Header from '../components/Header'
import BaseLayout from '../components/BaseLayout.js'
const Index = () => (
<BaseLayout>
<Head>
<title>HSK App</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<Link href='/quizList'>
<h3>HSK Quiz App!</h3>
</Link>
</BaseLayout>
)
export default Index
需要帮助!
_document.js
中使用<Head>
已经不再被支持了。有一个明确的警告要避免这样做,如果您需要设置全局标签,应该在_app.js
中使用它。 - ReadyWaterkey='xyz'
属性。这会强制在页眉中仅添加一次给定标记。 - suther