详解利用 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

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

您可能感兴趣的文章:

相关文章

  • nodejs部署到腾讯云的实现方法

    nodejs部署到腾讯云的实现方法

    本文主要介绍了nodejs部署到腾讯云的实现方法,文中根据实例编码详细介绍的十分详尽,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Node升级后vue项目node-sass报错问题及解决

    Node升级后vue项目node-sass报错问题及解决

    这篇文章主要介绍了Node升级后vue项目node-sass报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • 快速掌握Node.js之Window下配置NodeJs环境

    快速掌握Node.js之Window下配置NodeJs环境

    快速掌握Node.js之Window下配置NodeJs环境,如何在Window下快速配置NodeJs环境,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Express URL跳转(重定向)的实现方法

    Express URL跳转(重定向)的实现方法

    Express是一个基于Node.js实现的Web框架,其响应HTTP请求的response对象中有两个用于URL跳转方法res.location()和res.redirect(),使用它们可以实现URL的301或302重定向。
    2017-04-04
  • express的中间件cookieParser详解

    express的中间件cookieParser详解

    这篇文章主要介绍了node.js中express的中间件cookieParser的使用方法,需要的朋友可以参考下
    2014-12-12
  • node读写Excel操作实例分析

    node读写Excel操作实例分析

    这篇文章主要介绍了node读写Excel操作,结合实例形式分析了node.js使用node-xlsx模块模块读写Excel的相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-11-11
  • 用nodeJS搭建本地文件服务器的几种方法小结

    用nodeJS搭建本地文件服务器的几种方法小结

    本篇文章主要介绍了用nodeJS搭建本地文件服务器的几种方法小结,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • 一文详解Node中module.exports和exports区别

    一文详解Node中module.exports和exports区别

    这篇文章主要介绍了一文详解Node中module.exports和exports区别
    2023-03-03
  • nodejs express配置自签名https服务器的方法

    nodejs express配置自签名https服务器的方法

    这篇文章主要介绍了nodejs express配置自签名https服务器的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • node-sass常见报错的问题及解决方法

    node-sass常见报错的问题及解决方法

    在安装node-sass时,经常会遇到下载慢、版本不匹配或python错误等问题,使用淘宝镜像加速下载、通过nvm管理node版本或指定node-sass版本号安装,都能有效解决这些问题,若遇到python相关错误,检查node版本是否合适通常可以解决,感兴趣的朋友一起看看本文吧
    2024-09-09

最新评论