详解利用 Express 托管静态文件的方法

 更新时间:2017年09月18日 10:33:12   投稿:zx  
本篇文章主要介绍了详解利用 Express 托管静态文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、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

所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在 URL 中。

如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中间件:

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

访问静态资源文件时,express.static 中间件会根据目录添加的顺序查找所需的文件。

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

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

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

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

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

您可能感兴趣的文章:

相关文章

  • 使用node-media-server搭建一个简易的流媒体服务器

    使用node-media-server搭建一个简易的流媒体服务器

    这篇文章主要介绍了使用node-media-server搭建一个简易的流媒体服务器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • Mac下通过brew安装指定版本的nodejs教程

    Mac下通过brew安装指定版本的nodejs教程

    今天小编就为大家分享一篇Mac下通过brew安装指定版本的nodejs教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-05-05
  • express.js如何做mysql注入与node-mysql中防止SQL注入方法解析

    express.js如何做mysql注入与node-mysql中防止SQL注入方法解析

    这篇文章主要介绍了express.js如何做mysql注入与node-mysql中防止SQL注入方法,结合实例形式分析了express框架使用mysql数据库过程中SQL注入的原理与防范技巧,需要的朋友可以参考下
    2023-05-05
  • Node.js 获取微信JS-SDK CONFIG的方法示例

    Node.js 获取微信JS-SDK CONFIG的方法示例

    这篇文章主要介绍了Node.js 获取微信JS-SDK CONFIG的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 用Nodejs搭建服务器访问html、css、JS等静态资源文件

    用Nodejs搭建服务器访问html、css、JS等静态资源文件

    本篇文章主要介绍了用Nodejs搭建服务器访问html、css、JS等静态资源文件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 独立部署小程序基于nodejs的服务器过程详解

    独立部署小程序基于nodejs的服务器过程详解

    这篇文章主要介绍了独立部署小程序基于nodejs的服务器过程详解,完全自定义的部署小程序服务器, 不依托于腾讯云服务器体系. 以阿里云服务器为基础建立.服务器语言选用nodejs.,需要的朋友可以参考下
    2019-06-06
  • express如何解决ajax跨域访问session失效问题详解

    express如何解决ajax跨域访问session失效问题详解

    这篇文章主要给大家介绍了关于express如何解决ajax跨域访问session失效问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 解决npm管理员身份install时出现权限的问题

    解决npm管理员身份install时出现权限的问题

    下面小编就为大家分享一篇解决npm管理员身份install时出现权限的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • node.js http模块概念详解

    node.js http模块概念详解

    http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的http.createServer() 方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务,本文给大家介绍node.js http模块的相关知识,感兴趣的朋友一起看看吧
    2022-01-01
  • Nodejs sublime text 3安装与配置

    Nodejs sublime text 3安装与配置

    Sublime Text是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!Sublime Text这款程序员必备代码编辑器,几乎每位程序员提到Sublime Text都是赞不绝口!它体积小巧,无需安装,绿色便携
    2014-06-06

最新评论