@umijs/plugin-helmet

整合 react-helmet，管理 HTML 文档标签（如标题、描述等）。

启用方式

默认开启。

介绍

包含以下功能，

导出 react-helmet API，直接从 umi 中导入
支持服务端渲染（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>

UmiJS

@umijs/plugin-helmet

启用方式

介绍

使用

FAQ

标题闪一下没了

内容被编码