欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Express 配置HTML页面访问的实现

程序员文章站 2022-08-28 20:30:19
1.配置模板引擎express默认的模板引擎是pug(jade),想要渲染html页面必须要导入对应的模板引擎ejs安装完成在app.js文件中完成模板引擎的引入2.配置页面路由如果页面不是放在pub...

1.配置模板引擎

express默认的模板引擎是pug(jade),想要渲染html页面必须要导入对应的模板引擎ejs

安装完成在app.js文件中完成模板引擎的引入

2.配置页面路由

如果页面不是放在public目录下,那么就必须要通过配置路由来进行访问。

假设我的文件目录如下

在app.js中配置全局变量

这样子在别处使用的mplat等同于path.join(__dirname,'views/mplat')

在routers目录下新建mplat.js,把两个html文件加入映射

在app.js中引入文件路由

这样子配置完成后,只需要访问 http://$host/mplat即可返回index.html

3.修改静态文件引入

在app.js中定义静态文件目录

在页面引入css和js文件只需要默认在前面加上public即可,写法如下

实际目录为public/lib/layui/layui.js

4.页面路由

html页面的跳转也有变化,需要在路由中注册对应的界面,比如我在index访问console,路径和在路由中注册的保持一致。

到此这篇关于express 配置html页面访问的实现的文章就介绍到这了,更多相关express html页面访问内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!