Express静态文件服务-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_33441867/article/details/82783897

1，静态文件介绍

static中间件可以让你直接从磁盘对客户端提供静态文件服务。可以使用static中间件支持不会改变的javaScript文件、CSS文件、图像文件和HTML文件等

app.use(express.static('path',[option]));

path参数指定将在请全体中引用的静态文件所在的根路径。option参数允许你设置以下属性。

maxAge:浏览器缓存maxAge，以毫秒为单位。
hidden:一个布尔值，如果为true，则表示启用隐藏文件传输功能。默认为false
redirect:一个布尔值，如果为true,表示若请求路径是一个目录，则该请求将被重定向到有一个尾随/的路径。
index:根路径的默认文件名。

2，实例

后台代码

var express = require('express');
var app = express();

app.use(express.static('public'));

app.get('/', function (req, res) {
   res.send('Hello World');
})

var server = app.listen(8081, function () {

console.log("程序开始！")

})

前端代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <title>Title</title>
</head>
<body>

<h1>一个表情图</h1>
<img src="./images/mm.jpg">

</body>
</html>