express设置静态文件目录

//将静态文件目录设置为:项目根目录+/public

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

//或者

app.use(express.static(path.join(__dirname, 'public')));

express.static()

提供对静态资源文件(图片、csss文件、javascript文件)的服务。传递一个包含静态资源的目录给 express.static 中间件用于立刻开始提供文件。如下提供public目录下的图片、css文件和javascript文件:

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

express 会在静态资源目录下查找文件,所以不用把静态目录public作为url的一部分。访问项目public的子文件index.js:

http://localhost:3000/index.js

可以多次使用 express.static 中间件来添加多个静态资源目录,这时express 将会按照你设置静态资源目录的顺序来查找静态资源文件:

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

项目部分代码:

app.js文件

   因为 __dirname  获取当前项目的绝对路径 (即项目名),所以静态文件的访问路径名应该是 静态文件的父文件的相对路径

   app.use(express.static(path.join(__dirname,'views/public')))    //express访问静态资源目录:  D:假装我是项目名/views/public  找到这个路径下的静态资源文件

 

  某文件配置本地静态资源文件路径
  

    如此在浏览器中可以通过访问 http://localhost:3000/libs/bootstrap/dist/js/bootstrap.min.js  访问到 D:假装我是项目名/views/public/libs/bootstrap/dist/js下的bootstrap.min.js文件

    ps:因为静态文件的路径问题,js和css一直没有加载出来。写出来,记录自己遇到的bug.....问题已解决

转载于:https://www.cnblogs.com/formybestlife/p/9707071.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值