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下的某某文件,但必须要写全文件后缀

你可能感兴趣的:(nodejs,javascript,前端,html)