在前端的开发中，使用模板引擎可以让我们更方便地生成页面，其中 EJS 是 JavaScript 中比较常用的模板引擎。而 Fastify 是一个适用于 Node.js 的快速 web 框架，它具有非常高的性能和低的处理延迟，但是在使用 EJS 模板引擎时，有可能会出现不兼容的问题，本文将介绍如何解决这个问题。
问题分析
当我们使用 Fastify 框架集成 EJS 模板引擎时，有可能会出现以下的错误：
Error: not found: /views/index.ejs
出现这个错误的原因是 Fastify 默认情况下并没有使用 EJS 的视图渲染引擎，需要使用以下代码来启用 EJS 引擎：
-- -------------------- ---- -------
----- ------- - --------------------
------- -----
--
------------------------------------------ -
------- -
---- --------------
-
--这个代码会将 ejs 引擎注册到 Fastify 应用中。
但是，即使注册了 ejs 引擎，当我们尝试在 EJS 中使用 Fastify 的一些内置函数时，仍然会出现以下错误：
TypeError: this.context.getBaseUrl is not a function
出现这个错误的原因是因为 Fastify 并没有将它的这些内置函数包含在 EJS 的渲染上下文 this.context 中，也就是说，在 EJS 中使用 Fastify 的内置函数是不被支持的。
解决方案
注入 Fastify 实例
可以将 Fastify 实例注入到 EJS 的模板渲染上下文中，这样就可以在 EJS 中使用 Fastify 实例了。
具体实现方式如下：
- 注入 Fastify 的实例到模板引擎模块的
ejsOptions中：
-- -------------------- ---- -------
----------------------------- -
------- -
---- --------------
--
-------- -
--------- -------------------- ------------
-- -- ------- --- --- -----
----------- -
-------- -------
-
-
--- 在 EJS 模板中使用 Fastify 实例：
<div>Current page is <%= fastify.request.req.url %></div>
封装 Fastify 内置函数
当进行复杂的操作时，可能会需要很多 Fastify 的内置函数来帮助我们完成任务，这时如果每次都需要在 EJS 中手动注入 Fastify 实例，代码会变得非常繁琐。
因此，我们可以封装一些常用的 Fastify 内置函数，将它们注入到 EJS 的渲染上下文 this.context 中，这样就可以直接在 EJS 中使用这些函数了。
具体实现方式如下：
- 在
fastify实例上添加一个方法inject：
fastify.decorate('inject', function (name, fn) {
EJS.prototype.context[name] = fn.bind(this)
})- 在启用 EJS 引擎时，调用
fastify.inject方法并注册内置函数，例如：
-- -------------------- ---- -------
------------------------ ---------- -
------ --------------------
--
----------------------------- -
------- -
---- --------------
--
-------- -
--------- -------------------- ------------
-
--- 在 EJS 模板中使用 Fastify 的内置函数：
<div>Current page is <%= getUrl() %></div>
总结
本文介绍了在 Fastify 框架中使用 EJS 模板引擎的一些注意事项和解决方法，包括注入 Fastify 实例和封装 Fastify 内置函数，这些方法都可以有效解决 Fastify 和 EJS 不兼容的问题。当在使用 Node.js 开发 web 应用时，这些方法也可以应用到其他框架和模板引擎中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647068ee968c7c53b0e88a35