Express路由参数 和 静态资源的处理

1. Express路由参数

在express中 使用 req.params 获取路由参数 :

在这里插入图片描述

2. 静态资源的处理

通过Express内置的 express.static 可以方便地托管静态文件,例如 img,CSS,JavaScript文件等。

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

现在,public 目录下面的文件就可以访问了。

  • http://localhost:3000/images/kitten.jpg
  • http://localhost:3000/css/style.css
  • http://localhost:3000/js/app.js
  • http://localhost:3000/images/bg.png
  • http://localhost:3000/hello.html

app.use(express.static('public'));进行说明:

  • 这个方法接受一个参数,就是静态资源存放的目录
  • 这个方法也可以接受两个参数,如果有两个参数可以理解为第一个参数为public目录取了一个别名(具体细节看下图)
  • 这个方法的调用也需要传递给app.use中间件
  • 使用app.use 拦截所有的请求,然后将请求交给express.static这个方法来处理
  • 并且将静态资源的目录告诉static这个方法
  • 在方法的内部会判断客户发来的请求是否是静态资源的请求
  • 如果是静态资源,方法内部直接将静态资源响应给客户端,终止这一次请求
  • 如果客户端发来的请求不是静态资源请求,方法内部会调用next()方法,将请求的控制权交给下一个中间件

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值