Express之托管静态文件的方法
中间件express.static
我们使用express初始化一个目录的时候，会在app.js中看到一大推的app.use。
其中一个主要的中间件是express.static(4.0版本依旧保留的中间件)
var express = require('express');
var app = express();
app.use('/static',express.static('public'));
通过express.static可以帮助我们托管静态文件，js,css,img等。
express.static使用
基本使用
项目目录下的public下面有css,js,img等文件夹。
我这么需要通过express托管他们，以便我们启动服务器的时候可以访问到这些数据。
在app.js中添加
var express = require('express');
var app = express();
app.use(express.static('public'));
我们就可以通过
http://localhost:3000/css/style.css
http://localhost:3000/js/style.js
http://localhost:3000/img/style.png
注意:所有文件的路径都是相对于存放目录的，因此，存放静态文件的目录名不会出现在 url 中。
虚拟目录
为静态资源目录指定一个挂载路径的方式来实现。
我们可以给我们的静态文件添加虚拟目录，这样有时候方便我们统一管理我们的url，也一目了然地看出资源的属性。
var express = require('express');
var app = express();
app.use('static',express.static('public'));
访问:
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/style.js
http://localhost:3000/static/img/style.png
注意:这里我们添加了虚拟目录，所以我们的url中必须带上这个目录才能访问的到。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
现在爬虫在很多web项目中都有应用，这篇文章主要介绍了Node.js 实现简单小说爬虫实例，有兴趣的可以了解一下。2016-11-11
Node.js中npm 和 peerDependencies的使用
本文详细介绍了npm中的peerDependencies和--legacy-peer-deps使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-01-01
本文给大家分享一个nodejs的小技巧，将ejs模板引擎的模板后缀改成.html的使用方法，非常的简单实用，这里推荐给大家。2015-04-04
什么是MEAN?JavaScript编程中的MEAN是什么意思？
这篇文章主要介绍了什么是MEAN?JavaScript编程中的MEAN是什么意思？,跟lampp一样,MEAN是指现代web应用全栈开发工具一个组合,需要的朋友可以参考下2014-12-12
这篇文章主要给大家介绍了关于Mongoose实现虚拟字段查询的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。2017-08-08
这篇文章主要介绍了初学者如何快速搭建Express开发系统,结合实例形式详细分析了express框架搭建的具体步骤与相关注意事项,需要的朋友可以参考下2023-05-05
在现代JavaScript开发中,尤其在Node.js环境中,Promise已成为处理异步操作的重要方式,然而,Promise的错误处理却常常让开发者感到困惑,在这篇文章中,我们将深入探讨如何在Node.js中处理Promise中的错误,提供多个示例代码,以便于理解和实践,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了使用 Node.js 对文本内容分词和关键词抽取,需要的朋友可以参考下2017-05-05
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
这篇文章主要介绍了使用Node.js爬取任意网页资源并输出高质量PDF文件到本地，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，下面小编就来和大家一起学习吧2019-06-06
这篇文章主要介绍了浅谈Node 调试工具入门教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
最新评论