图片,CSS样式文件JavaScript文件以及其他静态文件的服务,是通过Express内置的中间件"express.static"来实现的.
"express.static"中间件直接通过识别被标记为静态资源文件夹的名称来提供静态资源服务.例如:如果你将图片,CSS,和JavaScript文件保存在"public"文件夹中,你可以通过如下方式标记静态资源文件夹:
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
备注:静态文件的路径是相对与被标记的文件夹的,因此,在引用静态文件的路径中不能包含被标记的文件夹名称.
如果你想设置多个静态资源文件夹,你可以多次调用'express.static'中间件:
app.use(express.static('public')); app.use(express.static('files'));
Express会按照设置的顺序加载静态文件.
如果你想创建一个虚拟路径(路径在文件系统中不存在)来提供静态资源服务,你可以为静态资源文件夹指定一个路径,如下:
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里面如何添加静态文件
node.js中可以访问静态文件,只要对静态文件托管就可以了,这是我写的一个例子,和大家交流学习
通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。 将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 ...
node.js中可以访问静态文件,只要对静态文件托管就可以了,把前端代码,放到public目录下,就可以访问了
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件,请使用 Express 中的 express.static 内置中间件函数。 将包含静态资源的目录的名称传递给 express.static 中间件函数,以便开始直接提供这些文件。...
中间件express.static 我们使用express初始化一个目录的时候,会在app.js中...通过express.static可以帮助我们托管静态文件,js,css,img等。 express.static使用 基本使用 项目目录下的public下面有css,js,img等文件夹
本项目是一个基于Node.js和Express框架开发的静态网页设计,包含37个文件,主要文件类型包括JavaScript脚本、HTML页面、CSS样式表、图片、地图文件、Git忽略文件、Markdown文档、SQL数据库文件、JSON配置文件和图标...
服务静态缓存是用于将响应写入静态文件的Express中间件。 与中间件或Web服务器的静态文件服务结合使用,它可以显着提高响应的提供速度。 它是通过自动生成包含对服务器发出的任何GET请求的响应内容的静态文件来实现...
MojiScript MojiScript是一种“异步优先”,自以为是的功能库和语言,旨在与JavaScript... Express静态文件服务器-Express静态文件服务器。 异步简单你好,世界有条件的地图/过滤器/减少嘶嘶声递归API文档时尚指南补充
#Express Admin的一堆静态文件
MAGUS的静态表达这是一个示例项目,显示了如何使用express服务静态文件。什么? 快速应用程序(节点)的行为就像响应HTTP请求的Web服务器一样。 应将面向公众的网络服务器配置为将此快速应用程序视为其代理。 完成...
电 内置Express中间件的替代方法,用于提供静态文件。 电力遵循许多使网页快速运行的最佳实践。 如果您需要基本的静态文件支持,则内置的静态文件Express中间件非常有用。 但是,如果要遵循需要可以合并,gzip和缩小...
Express.js 4.0 Static Boilerplate 是一个简单的 Node.js 服务器,使用静态文件和目录进行快速质量开发和/或生产。 特征 静态目录和文件 服务器监视更改(Nodemon) Grunt JS(文件监视、CSS min、JS uglify) ...
使用和可配置的正则表达式的简单实现,以匹配请求中的文件扩展名并将匹配的文件扩展名转发到另一个位置。 安装 npm install --save express-static-proxy 用法 像Express中的任何其他中间件一样进行初始化。 传递带...
包括 Express 静态文件服务器。 您可以根据需要扩展它。 Gulp 有一个配置,您可以覆盖和扩展更多任务。 通过 gulp 实时重新加载。 点击保存,让魔法发生。 甚至服务器重新启动。 #设置##安装如果需要, npm install...
Mobirises-Heroku- Node.js + Heroku + Express + Nodemon +静态文件(Mobirises)
参见: : 欣喜若狂 一个简单的静态文件服务器中间件。 与原始http服务器,快速连接/连接或在CLI上一起使用它!例子:快递4.x 'use strict' ;const express = require ( 'express' ) ;const ecstatic = require ( '....