乌米Umi3框架中,如何实现每个页面都有自己个性HTML文件?

发布网友发布时间：2022-11-28 21:27

共1个回答

热心网友时间：2023-10-24 06:37

在Umi3官方文档中，有一个配置项exportStatic需在配置文件（umirc.ts或config/config.ts）中设置，语法如下：

Umi框架配置 html 的输出形式，默认只输出 index.html。如果需要预渲染，请开启 ssr 配置，常用来解决没有服务端情况下，页面的 SEO 和首屏渲染提速。如果开启 exportStatic，则会针对每个路由输出 html 文件。

举个例子，路由配置如下：

在不开启 exportStatic 时，输出：

设置 exportStatic: {} 后，输出：

设置 exportStatic: { htmlSuffix: true } 后，输出：

若有 SEO的话需求，可开启 ssr 配置，在 umi build 后，会路由（除静态路由外）渲染成有具体内容的静态 html 页面，例如在配置文件（umirc.ts | config/config.ts）中有如下路由配置：

设置 { ssr: {}, exportStatic: { } 后，且在编译后，生成如下产物：

考虑到预渲染后，大部分不会再用到 umi.server.js 服务端文件，构建完成后会删掉 umi.server.js 文件如果有调试、不删除 server 文件需求，可通过环境变量 RM_SERVER_FILE=none 来保留。

转载：码书网「链接」