Express之托管静态文件的方法


Posted in Javascript onJune 01, 2018

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

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

Javascript 相关文章推荐
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
javascript 防止刷新,后退,关闭
Aug 07 Javascript
jquery中文乱码的多种解决方法
Jun 21 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
jquery操作angularjs对象
Jun 26 Javascript
jQuery 弹出层插件(推荐)
May 24 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
浅谈node模块与npm包管理工具
Jan 03 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
利用js实现简易红绿灯
Oct 15 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 #Javascript
详解Angular操作cookies方法
Jun 01 #Javascript
浅谈手写node可读流之流动模式
Jun 01 #Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 #Javascript
基于JS实现带动画效果的流程进度条
Jun 01 #Javascript
说说node中的可读流和可写流的区别
Jun 01 #Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 #Javascript
You might like
php 验证码实例代码
2010/06/01 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
php中动态修改ini配置
2014/10/14 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
基于PHP实现数据分页显示功能
2016/05/26 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
2016/01/26 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
浅入深出Vue之组件使用
2019/07/11 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python实现简单字典树的方法
2016/04/29 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
Python银行系统实战源码
2019/10/25 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python单链表原理与实现方法详解
2020/02/22 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
办理信用卡收入证明范例
2014/09/13 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
采购内勤岗位职责
2015/04/13 职场文书
团日活动总结格式
2015/05/11 职场文书
在CSS中使用when/else的方法
2022/01/18 HTML / CSS