【react踩坑记录2】umijs中如何在首页中document.ejs引用全局变量

本文主要是介绍【react踩坑记录2】umijs中如何在首页中document.ejs引用全局变量，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先，在umijs中，document.ejs文件就对应index.html，
官方原话：

1、 新建 src/pages/document.ejs，umi 约定如果这个文件存在，会作为默认模板

2、模板里可通过 context 来获取到 umi 提供的变量，context 包含：
route，路由信息，需要打包出多个静态 HTML 时（即配置了 exportStatic 时）有效
config，用户配置信息 比如：

<link rel="icon" type="image/x-icon" href="<%= context.config.publicPath %>favicon.png" />

参考链接：UmiJS-HTML 模板

然后，在看了文档后，我是这样引用全局变量的：

通用写法："<%= context.config.xxx %>" ，xxx就是你对应变量的名称

document.ejs中全局变量就是这样引用的，
然后我又去看了下react中index.html如何引用全局变量，
发现通用方法如下：
“<%=xxxx %>”
列如："<%= WEB_HOST_PATH + '/register' %>"，
WEB_HOST_PATH 就是我要引用的全局变量。

至于为什么要这样引用，我没有去深入研究，如果有知道的小伙伴欢迎告诉窝，好啦，今天的记录到此为止！(^▽)

这篇关于【react踩坑记录2】umijs中如何在首页中document.ejs引用全局变量的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---