Express 配置HTML页面访问的实现
#代码知识 发布时间： 2026-01-12
1.配置模板引擎
Express默认的模板引擎是pug（jade），想要渲染html页面必须要导入对应的模板引擎ejs
npm install ejs
安装完成在app.js文件中完成模板引擎的引入
var ejs = require('ejs');
// 配置Express 视图引擎
app.engine('html', ejs.__express);
app.set('view engine', 'html');
2.配置页面路由
如果页面不是放在public目录下，那么就必须要通过配置路由来进行访问。
假设我的文件目录如下
|-views(在根目录下) |--mplat |---pages |----console.html |---index.html
在app.js中配置全局变量
// 配置 mplat 渲染页面
app.set('mplat',path.join(__dirname,'views/mplat'))
这样子在别处使用的mplat等同于path.join(__dirname,'views/mplat')
在routers目录下新建mplat.js，把两个html文件加入映射
var express = require('express');
var router = express.Router();
/* GET mplat page. */
router.get('/', function(req, res, next) {
res.render('mplat/index.html', { title: 'DisCloudDisk' });
});
router.get('/console',function (req,res,next) {
res.render('mplat/pages/console.html', { title: 'Console' });
})
module.exports = router;
在app.js中引入文件路由
app.use('/mplat',require('./routes/mplat'));
这样子配置完成后，只需要访问 http://$host/mplat即可返回index.html
3.修改静态文件引入
在app.js中定义静态文件目录
app.use(express.static(path.join(__dirname, 'public')));
在页面引入css和js文件只需要默认在前面加上public即可，写法如下
<script src="/lib/layui/layui.js"></script>
实际目录为public/lib/layui/layui.js
4.页面路由
html页面的跳转也有变化，需要在路由中注册对应的界面，比如我在index访问console，路径和在路由中注册的保持一致。
<iframe src="/mplat/console" frameborder="0" scrolling="yes" width="100%"
height="100%"></iframe>
代码知识SEO
上一篇 : 基于JDBC访问MySql公共方法实例解析
下一篇 : 微信小程序实现星星评分效果
-
SEO外包最佳选择国内专业的白帽SEO机构，熟知搜索算法，各行业企业站优化策略！
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现，定制个性化营销推广方案！
SEO套餐
-
SEO入门教程多年积累SEO实战案例，从新手到专家，从入门到精通，海量的SEO学习资料！
SEO教程
-
SEO项目资源高质量SEO项目资源，稀缺性外链，优质文案代写，老域名提权，云主机相关配置折扣！
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站，协助备案，域名选择，服务器配置等相关服务！
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构，可以承诺搜索引擎排名的具体位置，如果有，那么请您多注意！专业的SEO机构，一般情况下只能确保目标关键词进入到首页或者前几页，如果您有相关问题，欢迎咨询！
