Express之托管静态文件的方法

 更新时间:2018年06月01日 10:34:48   作者:t91zzh5f  
本篇文章主要介绍了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中必须带上这个目录才能访问的到。

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

相关文章

  • Node.js使用supervisor进行开发中调试的方法

    Node.js使用supervisor进行开发中调试的方法

    今天小编就为大家分享一篇关于Node.js使用supervisor进行开发中调试的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • 详解nodejs微信jssdk后端接口

    详解nodejs微信jssdk后端接口

    本篇文章主要介绍了详解nodejs微信jssdk后端接口,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 理解 Node.js 事件驱动机制的原理

    理解 Node.js 事件驱动机制的原理

    本篇文章主要介绍了理解 Node.js 事件驱动机制的原理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 使用nvm安装|更新|切换|nodejs的命令详解

    使用nvm安装|更新|切换|nodejs的命令详解

    这篇文章主要介绍了使用nvm安装|更新|切换|nodejs的命令详解,有了nvm就可以简单操作node版本的切换、安装、查看等,需要的朋友可以参考下
    2022-07-07
  • 深入理解Node内建模块和对象

    深入理解Node内建模块和对象

    在node核心中有些内建模块,使用这些模块可以操作系统,文件和网络,这篇文章主要介绍了深入理解Node内建模块和对象,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-03-03
  • NodeJS实现图片文本分割

    NodeJS实现图片文本分割

    这篇文章主要为大家详细介绍了NodeJS实现图片文本分割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Node.js 中如何收集和解析命令行参数

    Node.js 中如何收集和解析命令行参数

    这篇文章主要介绍了Node.js 中如何收集和解析命令行参数,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 详解基于Node.js的HTTP/2 Server实践

    详解基于Node.js的HTTP/2 Server实践

    HTTP/2目前已经逐渐的在各大网站上开始使用,这篇文章主要介绍了详解基于Node.js的HTTP/2 Server实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • pm2启动ssr失败的解决方法

    pm2启动ssr失败的解决方法

    这篇文章主要介绍了pm2启动ssr失败的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-06-06
  • Node.js中console.log()输出彩色字体的方法示例

    Node.js中console.log()输出彩色字体的方法示例

    这篇文章主要给大家介绍了关于Node.js中console.log()输出彩色字体的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Node.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12

最新评论