Express配置HTML页⾯访问的实现
1.配置模板引擎
Express默认的模板引擎是pug（jade），想要渲染html页⾯必须要导⼊对应的模板引擎ejs
npm install ejs注册页面js特效
安装完成在app.js⽂件中完成模板引擎的引⼊
var ejs = require('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. */
<('/', function(req, res, next) {
});
<('/console',function (req,res,next) {
})
在app.js中引⼊⽂件路由
app.use('/mplat',require('./routes/mplat'));
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>
到此这篇关于Express 配置HTML页⾯访问的实现的⽂章就介绍到这了，更多相关Express HTML页⾯访问内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。