This article has not been translated yet. Want to help us out? Click the Edit this doc on GitHub at the end of the page.

@umijs/plugin-helmet

整合 react-helmet,管理 HTML 文档标签(如标题、描述等)。

启用方式

默认开启。

介绍

包含以下功能,

  1. 导出 react-helmet API,直接从 umi 中导入
  2. 支持服务端渲染(SSR)

helmet

使用

import React from 'react';
import { Helmet } from 'umi';
const Application = () => {
return (
<div className="application">
<Helmet>
<meta charSet="utf-8" />
<title>My Title</title>
<link rel="canonical" href="http://mysite.com/example" />
</Helmet>
</div>
);
}
export default Application;

FAQ

标题闪一下没了

react-helmet 与 umi 中的 title 配置不能同时使用,可以通过配置 title: false 关闭默认标题配置

内容被编码

可配置 Helmet 组件属性 encodeSpecialCharacters,来关闭内容被编码

<Helmet encodeSpecialCharacters={false}>
...
</Helmet>