首页设置ejs的扩展名为html的详细步骤

设置ejs的扩展名为html的详细步骤

时间: 2024-02-23 08:05:34 浏览: 20

详细步骤如下： 1. 在你的应用程序中安装`ejs`模块，可以使用以下命令进行安装： ``` npm install ejs --save ``` 2. 在你的应用程序中添加以下代码： ```javascript const ejs = require('ejs'); ejs.fileLoader = function(filePath) { const templateString = fs.readFileSync(filePath, 'utf-8'); return templateString; }; app.engine('html', ejs.renderFile); app.set('view engine', 'html'); ``` 这段代码的作用是将ejs的文件加载器`fileLoader`重写为直接读取文件内容并返回，然后将ejs引擎的渲染方法`renderFile`作为`html`文件的渲染器，最后将视图引擎设置为`html`。 3. 在你的应用程序中创建一个`views`文件夹，并在该文件夹中创建一个`index.html`文件，如下所示： ```html <!DOCTYPE html> <html> <head> <title>EJS Test</title> </head> <body> <h1>Hello <%= name %>!</h1> </body> </html> ``` 4. 在你的应用程序中创建一个路由，如下所示： ```javascript app.get('/', function(req, res) { res.render('index', { name: 'World' }); }); ``` 在这个路由中，我们使用`res.render()`方法来渲染`index.html`模板，同时将`name`参数设置为`World`。 5. 启动你的应用程序，并在浏览器中访问`http://localhost:3000`，你将看到一个显示`Hello World!`的页面。这样，你就成功地将ejs的扩展名设置为html，并且可以在你的应用程序中使用`.html`文件来作为ejs模板。