关于app.use(express.static)的细节

app.use(express.static)

使用express框架做web服务器的人一定使用过

app.use(express.static(__dirname+'/public'));

或者是

app.use(express.static(path.join(__dirname, 'public')));	//需要引入path模块

这两个都是用来设置静态文件目录的。
使用这句代码的时他到底做了什么呢?

静态资源文件

首先是静态资源文件是什么呢?

简单来说,静态资源就是一般客户端发送请求道web服务器,web服务器从内存取到相应文件,返回给可无端,客户端解析并渲染显示出来,比如html,css,img……

动态资源主要就是服务器还需要先把动态网页转换成静态网页,再把转换后的静态网页相应给客户端。(一般过程大概是:客户端请求的动态资源,先将请求交于web容器,web容器连接数据库,数据库处理数据之后,将内容交给web服务器,web服务器返回给客户端解析渲染处理。)动态资源可能是jsp文件,php文件或者node服务端的js文件……

app.use()

那么app.use()方法又做了什么呢?
官方的api中**app.use([path], function)**的解释:使用中间件 function,可选参数path默认为"/"。
也就是说是用来处理任何请求的(注意它会处理path下的子路径)

那么现在我们可以明app.use(express.static(__dirname + '/public'))是将所有请求,先交给express.static(__dirname + '/public')来处理一下。但是关于express.static的细节我们还不是十分明确,官方api同样很细致的解释了。

express.static

express.static是一个内置的中间件,用来提供静态资源服务。
传递一个包含静态资源的目录给 express.static 中间件用于立刻开始提供文件。比如用以下代码来提供public目录下的图片、css文件和javascript文件:

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

现在我们就可以加载public目录下的文件了。
express会在静态资源目录下查找文件。
通过多次使用express.static中间件可以添加多个静态资源目录。但是需要注意的是express会按照定义顺序来执行。

这里还有一个"挂载"功能,如果你想在你的静态文件前加一个虚拟的文件前缀(比如:’/static)实际上文件系统中并不存在的前缀,你就可以使用挂载功能。

app.use('/static', express.static(__dirname + '/public'));

然后我们就可以使用’/static’做前缀来加载静态文件了

http://localhost:8000/static/images/kitten.jpg
http://localhost:8000/static/css/style.css

你可能感兴趣的:(JavaScript)