Express之托管静态文件的方法

中间件express.static

我们使用express初始化一个目录的时候,会在app.js中看到一大推的app.use。

其中一个主要的中间件是express.static(4.0版本依旧保留的中间件)

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

通过express.static可以帮助我们托管静态文件,js,css,img等。

express.static使用

基本使用

项目目录下的public下面有css,js,img等文件夹。

我这么需要通过express托管他们,以便我们启动服务器的时候可以访问到这些数据。

在app.js中添加

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,也一目了然地看出资源的属性

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中必须带上这个目录才能访问的到。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

在express中设置模板引擎。 定义模板引擎varexpress=require(\'express\'); varapp=ex...
一、起步 ---- http://www.alloyteam.com/2015/03/sexpressmysql/ 二、理解 ---- 1.MVC Model:dao,user...
##准备工作: 1.安装nodejs 2.安装express npm install express -g 3.安装express应用生成器 npm insta...
这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 ...
最近过年在家有点懈怠,但是自己也不断在学习新的前端技术,在家琢磨了express.js的web框架。 框架的作...
摘要Express是一个简洁灵活的node.js web应用框架,提供了一系列强大特性帮助你创建各种web应用和丰富的...