Node实战（三）静态文件的托管

//设置静态文件托管

app.use("/public",express.static(__dirname+"/public")); //当用户访问的url以/public开始，那么直接返回__dirname+"/public"下的文件

app.js

/*
* 应用程序的启动（入口）文件
* */

//加载experss模块
var express = require("express");
//加载模板处理模块
var swig =require("swig");

//创建app应用 =》 nodejs 的 http.createSerey();
var app=express();

//设置静态文件托管
app.use("/public",express.static(__dirname+"/public")); //当用户访问的url以/public开始，那么直接返回__dirname+"/public"下的文件




//配置应用模板
//定义当前应用所使用的模板引擎
//第一个参数：模板引擎的名称，同时也是模板文件的后缀；第二个参数表示处理模板内容的方法
app.engine("html",swig.renderFile);
//设置模板文件存放目录，第一个参数必须是views,第二个参数是目录
app.set("views","./views");
//注册所使用的模板引擎；第一个参数必须是view engine,第二个参数和app.engine这个方法定义的模板引擎的名称（第一个参数）是一致的
app.set("view engine","html");
//在开发过程中，需要取消模板缓存
swig.setDefaults({cache:false})

/*
*   首页
*       req:request对象，保存客户端请求相关的一些数据 -http.request
*       res:response对象，服务端输出对象，提供了一些服务器端输出相关的一些方法 -http.response
*       next:方法，用于执行下一个和路径匹配的函数
* */

app.get("/",function(req,res,next){
    //res.send("<h1>欢迎光临我的博客</h1>");

    /*读取views目录下的指定文件，解析并返回给客户端
    * 第一个参数：表示模板的文件，相对于views目录 views/index.html
    *第二个参数：传递模板使用的数据
    * */
    res.render("index");
})

//监听http请求
app.listen(8081);

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/public/main.css">
</head>
<body>
    <h1>欢迎访问我的博客！！</h1>
</body>
</html>

main.css

body{
    background: red;
}

我是大连网龙科技的

发布了96 篇原创文章 · 获赞 18 · 访问量 5万+

私信关注

Node实战（三）静态文件的托管

猜你喜欢