node.js学习----16Express中 express.static 托管静态文件1

1.如果静态文件存放在多个目录下面,你可以多次使用 express.static

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

这样就可以访问静态文件了
http://127.0.0.1:4000/images/meinv.jpg
http://127.0.0.1:4000/css/style.css
http://127.0.0.1:4000/zhh.rar

2.如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟(virtual)”目
录(即目录根本不存在)下面,可以通过为静态资源目录指定一个挂载路径的方式来实现,

如下所示:

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

现在,你就可以通过带有“static”前缀的地址来访问 public 目录下面的文件了

http://127.0.0.1:4000/static/images/meinv.jpg
http://127.0.0.1:4000/static/css/style.css
http://127.0.0.1:4000/static/zhh.rar

具体例子如下:
项目结构:
在这里插入图片描述

具体代码:index.js


// 引入
var express=require('express');
// 实例化
var app=express();
//  静态文件,放在 public 目录下
// 访问
// http://127.0.0.1:4000/images/meinv.jpg
// http://127.0.0.1:4000/css/style.css
// http://127.0.0.1:4000/zhh.rar
app.use(express.static('public'));

// 虚拟目录 static
// 访问
// http://127.0.0.1:4000/static/images/meinv.jpg
// http://127.0.0.1:4000/static/css/style.css
// http://127.0.0.1:4000/static/zhh.rar
app.use('/static', express.static('public'));


// 监听端口
app.listen(4000,'127.0.0.1');

运行:
在这里插入图片描述

访问:
在这里插入图片描述

带有 static 虚拟目录的访问:
在这里插入图片描述

OK,完了

源码下载:
https://download.csdn.net/download/zhaihaohao1/10958546

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值