问题描述
在使用 Express.js 渲染模板时，有时候会出现乱码的问题。这种情况下，页面中的中文字符会显示为一些奇怪的符号，给用户带来不良的体验。那么，如何解决这个问题呢？
解决方案
1. 设置模板引擎的编码方式
在使用 Express.js 渲染模板时，需要设置模板引擎的编码方式。在设置时，需要保证模板引擎的编码方式与页面的编码方式一致。一般情况下，我们使用 UTF-8 编码方式即可。
以下是设置 ejs 模板引擎编码方式的示例代码：
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.urlencoded({ extended: false }));
app.use(express.json());
app.use(cookieParser());
app.use('/', indexRouter);
app.use('/users', usersRouter);
// 设置编码方式
app.engine('.ejs', require('ejs').__express);
app.set('view engine', 'ejs');2. 设置页面的编码方式
在 HTML 页面中，需要设置编码方式为 UTF-8。可以在页面的 head 标签中添加以下代码：
<meta charset="UTF-8">
3. 转换字符编码
如果以上两种方法都无法解决问题，可以尝试使用 iconv-lite 这个库进行字符编码的转换。这个库可以将一个字符编码转换为另一个字符编码，从而解决乱码的问题。
以下是使用 iconv-lite 进行字符编码转换的示例代码：
const iconv = require('iconv-lite');
// 将字符串从 GBK 编码转换为 UTF-8 编码
const utf8String = iconv.decode(gbkString, 'gbk');总结
通过以上三种方法，我们可以解决 Express.js 渲染模板出现乱码的问题。在使用时，需要注意设置模板引擎的编码方式、页面的编码方式以及字符编码的转换。这样，就可以让用户看到正常的中文字符，提升用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658a0647eb4cecbf2df43ad3