关于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
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 是的,在 Express.js 中,你可以多次使用 app.use() 函数来使用静态资源中间件。 app.use(express.static()) 方法允许你指定一个路径来提供静态资源(例如 HTML 文件、图片、CSS 文件等)。这样,当客户端请求一个这个路径下的静态资源时,服务器就会返回对应的文件。 例如,你可以这样使用 app.use(express.static()) 方法: ``` app.use(express.static('public')); ``` 这样,你就可以把你的静态资源放在一个名为 "public" 的文件夹中,然后通过这个路径来访问这些资源。 你也可以使用多个 app.use(express.static()) 方法来提供多个静态资源路径,例如: ``` app.use(express.static('public')); app.use(express.static('files')); ``` 这样,你就可以通过两个不同的路径来访问静态资源了。 ### 回答2: 可以多次使用app.use(express.static())来指定不同的静态文件目录。 在Node.js中,使用express框架时,可以通过app.use(express.static())来指定静态文件的存放目录。该方法是express框架提供的中间件,用于访问静态资源。 在多次使用app.use(express.static(dir))时,每次传入不同的目录作为参数即可。例如,可以通过以下代码多次指定不同的静态文件目录: app.use(express.static('public')); app.use(express.static('images')); app.use(express.static('files')); 以上代码就将/public、/images和/files目录下的静态文件,如HTML、CSS、JavaScript等,对外提供访问。 这样可以实现一些特殊需求: 1. 当多个目录下的静态文件有重名时,可以通过多次使用express.static()来分别指定不同的目录,从而避免文件冲突。 2. 当项目的静态文件较多时,可以将它们分别存放在不同的目录下,并通过多次使用express.static()来指定各个目录,保持项目结构的清晰性。 需要注意的是,当多次使用app.use(express.static())时,静态资源的访问路径会按照顺序进行匹配,直到找到匹配的静态文件为止。因此,如果多个静态文件目录下存在相同的文件名时,会优先返回第一个匹配的文件。 总而言之,app.use(express.static())可以多次使用,并且可以指定不同的静态文件目录,以满足不同的项目需求。 ### 回答3: app.use(express.static())可以多次使用。express.static()是一个中间件函数,用于托管静态文件。通过调用app.use(express.static()),可以指定多个静态文件目录,来托管不同类型的静态文件。每次调用app.use(express.static()),都可以传入不同的静态文件目录作为参数,用于指定不同的文件路径。 例如,我们可以通过以下方式多次使用app.use(express.static())来指定多个静态文件目录: app.use(express.static('public')):指定public文件夹作为静态文件目录。 app.use(express.static('images')):指定images文件夹作为静态文件目录。 app.use(express.static('css')):指定css文件夹作为静态文件目录。 这样,当我们在浏览器中访问服务器上的静态文件时,express会自动查找指定的静态文件目录,并将文件发送给浏览器。多次使用app.use(express.static())可以为服务器提供多个静态文件目录,以便更好地组织和管理静态文件。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值