Express之托管静态资源

ゝ一世哀愁。 2022-01-29 05:29 272阅读 0赞

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

转自：[http://www.cnblogs.com/zqzjs/p/6219508.html][http_www.cnblogs.com_zqzjs_p_6219508.html]

[http_www.cnblogs.com_zqzjs_p_6219508.html]: http://www.cnblogs.com/zqzjs/p/6219508.html

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 Express の静态资源请求

Express の静态资源请求之前我们讲了文件的下载，其实讲完文件下载，就可以处理静态资源了。常见的静态资源文件包括图像，CSS 和 JS 文件。使用 sendFile...

落日映苍穹つ/ 2024年05月24日 04:05/ 0 赞/ 83 阅读

相关 Express请求处理-静态资源的处理

场景 Node的Web应用框架Express的简介与搭建HelloWorld： [Node的Web应用框架Express的简介与搭建HelloWorld\_霸道流氓气质

墨蓝/ 2023年10月06日 13:09/ 0 赞/ 91 阅读

相关 Express框架之静态资源的配置

文章目录静态资源的配置什么是静态资源？ express.static() 第三方静态资源静态

素颜马尾好姑娘i/ 2022年11月17日 13:55/ 0 赞/ 306 阅读

相关【Express】 —利用 Express 托管静态文件

【Express】 —Express 静态文件托管方法一 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

快来打我*/ 2022年08月29日 06:17/ 0 赞/ 196 阅读

相关 node.js+express之静态文件托管

静态文件托管项目中难免会有一些静态文件需要托管，这些文件应该是要可以直接被外部访问，也就是与其他实体路由区分开来。例如通常我们会有`static`或者`public`的

骑猪看日落/ 2022年08月28日 13:50/ 0 赞/ 404 阅读

相关 Nodejs express之静态资源

静态资源包括hml、css、js、图片等 express也是使用了中间件来处理静态资源，使用也是非常简单： // 导入express模块 var express =

我会带着你远行/ 2022年08月07日 15:34/ 0 赞/ 233 阅读

相关 app.use(express.static('目录'))静态资源文件

1.首先要理解什么是静态资源文件？通俗点来说，静态资源文件就是，不同用户访问到的都是同一份内容，不管是张三，李四，王五，访问到的内容都是一样的， // 静态资源文

怼烎@/ 2022年04月22日 06:38/ 0 赞/ 243 阅读

相关 Express之托管静态资源

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

ゝ一世哀愁。/ 2022年01月29日 05:29/ 0 赞/ 273 阅读

相关 expres--利用 Express 托管静态文件

express(二) 托管静态文件使用 Express 中的 express.static 内置中间件函数，可以提供诸如图像、CSS 文件和 JavaScript

妖狐艹你老母/ 2021年11月17日 10:36/ 0 赞/ 430 阅读

相关 node express-托管静态资源(引入文件、图片等)

托管静态资源在当前项目的文件中放置了图片、css文件和js文件如果使用ejs模板,那ejs文件中就不能额外link其他css文件

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 16:37/ 0 赞/ 516 阅读