express中res.sendFile、res.render、express.static()三者的使用

一、res.sendFile
必须使用绝对路径，它的作用是响应出去一个任意类型文件，也可以直接返回html文件做渲染。

app.get("/kkk", (req, res) => {res.sendFile(path.resolve(__dirname,"./views/insertArticle.html"));
});

浏览器访问http://localhost:8000/kkk，其实就是在访问insertArticle.html文件。
二、res.render
使用这个方法就代表需要用到“模板引擎”，所以必须要先安装一个模板引擎，例如ejs。
参考链接，为什么如此设置：https://www.cnblogs.com/-nothing-/p/4943354.html

// 设置html文件所在目录
app.set("views", path.resolve(__dirname, "./views"));
// 设置html文件解析引擎
app.engine("html", require("ejs").__express);
// 启用引擎
app.set("view engine", "html");
// kkk页面
app.get("/kkk", (req, res) => {res.render("insertArticle");// 可以省略文件后缀
});

浏览器访问http://localhost:8000/kkk，其实就是在访问ejs加工过（填充数据后）的insertArticle.html文件。
三、express.static()
最好使用绝对路径参数，它的作用是配置一个或多个静态资源文件目录。

app.use(express.static(path.resolve(__dirname, "./public")));// 先搜索这个文件夹
app.use(express.static(path.resolve(__dirname, "./uploads")));// 后搜索这个文件夹

浏览器访问http://localhost:8000/某某文件，其实就是在访问public和uploads下的某某文件,但必须要写全文件后缀。

express中res.sendFile、res.render、express.static()三者的使用相关推荐

express路由子路由器_使用Express在Node中构建您的第一个路由器
express路由子路由器本文最初发布在Okta开发人员博客上 . 感谢您支持使SitePoint成为可能的合作伙伴. 如果最近几年您使用Node进行过任何Web开发,那么您可能已经使用过Expre ...
在 Express中配置使用 art-template 模板引擎 --- express-art-template
1. 模板引擎为了使 art-template模板引擎能够更好地和Express框架配合,模板引擎在原art-template模板引擎的基础上封装了 express-art-template 安装 ...
express html文件接收路由参数,express 获取post 请求参数
在 Express 中没有内置获取表单 POST 请求体的 API , 我们需要添加第三方插件库安装: npm install --save body-parser 配置: var bodyPars ...
express url跳转（重定向）的实现：res.location() res.redirect()
Express 是一个基于Node.js 实现的web框架,其响应HTTP请求的response对象中有两个响应url跳转方法res.location() res.redirect(),可以实现301 ...
【node】express中mysql的基本用法、连接池的使用、事务的回滚
[node]express中mysql的基本用法.连接池的使用安装mysql包 mysql的配置信息 mysql基本操作查询mysql并渲染数据 mysql插入操作首先在html页面写上< ...
Express中使用ejs新建项目以及ejs中实现传参、局部视图include、循环列表数据的使用
场景什么是模板引擎模板引擎( Template Engine)是一个从页面模板根据一定的规则生成HTML的工具.它的发韧可以追溯到1996年PHP 2.0的诞生.PHP原本是Personal Ho ...
express中的错误处理
错误处理定义错误处理中间件和定义其他中间件一样,除了需要 4 个参数,而不是 3 个,其格式如下 (err, req, res, next).例如: app.use(function(err, re ...
GraphQL学习第三篇－在Express中使用GraphQL
在Express中使用GraphQL主要有以下几步: 1. 安装 graphql 和 express-graphql: 2. 引入express-graphql: 3. 引入自定义的schema,其中 ...
nodejs express搭建服务器（爬虫知乎精华帖,个人学习用）六在express中建立路由
创建express的过程以及开启html引擎我就不赘述了. var express = require('express'); var router = express.Router(); var m ...

express中res.sendFile、res.render、express.static()三者的使用

express中res.sendFile、res.render、express.static()三者的使用相关推荐

最新文章

热门文章