nodejs中的ejs视图引擎不显示utf-8字符集

基础概念

EJS（Embedded JavaScript templates）是一种简单的模板语言，用于生成HTML标记文本。它允许你在模板中嵌入JavaScript代码，从而动态生成内容。UTF-8是一种广泛使用的字符编码，能够表示Unicode标准中的所有字符。

问题原因

在Node.js中使用EJS视图引擎时，如果遇到UTF-8字符集不显示的问题，通常是由于以下几个原因造成的：

文件编码问题：EJS模板文件的编码可能不是UTF-8。
HTTP响应头设置不正确：服务器没有正确设置响应头的Content-Type为text/html; charset=utf-8。
数据库连接编码问题：如果数据是从数据库中读取的，数据库连接的字符集可能未设置为UTF-8。

解决方案

1. 确保EJS模板文件编码为UTF-8

使用文本编辑器打开EJS模板文件，并确保文件的编码格式设置为UTF-8。

2. 设置HTTP响应头

在你的Node.js应用中，确保在发送响应时设置了正确的Content-Type头。例如，使用Express框架时，可以这样设置：

const express = require('express');
const app = express();

app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req, res) => {
  res.setHeader('Content-Type', 'text/html; charset=utf-8');
  res.render('index', { title: '首页' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

3. 设置数据库连接编码

如果你的数据来自数据库，确保数据库连接的字符集设置为UTF-8。以MySQL为例，可以在连接配置中指定字符集：

const mysql = require('mysql');
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'your_username',
  password: 'your_password',
  database: 'your_database',
  charset: 'utf8mb4' // 使用utf8mb4以支持完整的Unicode字符
});

connection.connect();

应用场景

EJS视图引擎广泛应用于Web开发中，特别是在需要动态生成HTML内容的场景。UTF-8字符集的支持确保了应用能够正确显示包括中文在内的多种语言字符。

示例代码

以下是一个简单的EJS模板示例，展示了如何在Node.js中使用EJS并确保UTF-8字符集的正确显示：

views/index.ejs

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title><%= title %></title>
</head>
<body>
  <h1>欢迎来到首页</h1>
  <p>这是一个UTF-8字符集的示例。</p>
</body>
</html>

app.js

const express = require('express');
const app = express();

app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req, res) => {
  res.setHeader('Content-Type', 'text/html; charset=utf-8');
  res.render('index', { title: '首页' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

通过以上步骤和代码示例，你应该能够解决Node.js中EJS视图引擎不显示UTF-8字符集的问题。