时间:2021-05-28
中间件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中必须带上这个目录才能访问的到。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
通过Express内置的express.static可以方便地托管静态文件,例如图片、CSS、JavaScript文件等。将静态资源文件所在的目录作为参数传递给
如果想要在输入url后直接访问服务端的静态文件,比如css、js、文件等,就需要知道这些静态文件的定位,在express框架中express.static中间件
1.配置build/webpack.dev.conf.js//获取静态json数据constexpress=require('express')constapp
本文实例讲述了Python面向对象之静态属性、类方法与静态方法。分享给大家供大家参考,具体如下:1.静态属性:在函数前加@property,将函数逻辑”封装“成
在用Express的时候,路由是我最困惑的事之一。知道用app.get('*')可以处理所有页面,但这样除了自定义的其他路由外,静态文件是被忽略的。最近在写一个