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

下面这段代码,要在路由设置之前配置。

// 设置模板文件所在目录
app.set("views", path.resolve(__dirname, "./views"));
// 设置需要解析的模板文件的文件类型,和所需的模板引擎(一个项目中可以有多种类型的模板,但一般不这么做。app.engine可以多次调用,都生效,不会前后覆盖)
// 这里意思就是:用ejs模板引擎渲染html类型的模板文件
app.engine(".html", require("ejs").__express);
// 设置模板文件的默认文件类型
app.set("view engine", ".ejs");

// -----以下为测试-----
app.get("/testejs", (req, res, next) => {
  // 渲染views文件夹中的test.ejs文件
  // 如果render的首个参数,省略了文件后缀,那么会被当作view engine中配置的默认文件类型去查找
  res.render("test", { ejsvar: "传给ejs模板的变量" });
  // res.render("test.ejs", { ejsvar: "传给ejs模板的变量" });
});
app.get("/testhtml", (req, res, next) => {
  // 渲染views文件夹中的my.html文件
  // html文件也可以当作模板文件,经过模板引擎再渲染为html文件
  // 这里要指明文件类型,不然会被当做my.ejs去查找,可能会找不到报错
  res.render("my.html", { htmlvar: "传给html模板的变量" });
});

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

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

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

  • 10
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值