<强>中间件express.static 强>
我们使用表达初始化一个目录的时候,会在app.js中看到一大推的app.use。
其中一个主要的中间件是express.static(4.0版本依旧保留的中间件)
var=需要表达(表达); 应用var=表达(); app.use(/静态,express.static(公共)); >之前通过express.static可以帮助我们托管静态文件,js, css, img等。
<强> express.static使用强>
<>强基本使用强>
项目目录下的公共下面有css, js, img等文件夹。
我这么需要通过表达托管他们,以便我们启动服务器的时候可以访问到这些数据。
在app.js中添加
var=需要表达(表达); 应用var=表达(); app.use (express.static(公共)); >之前我们就可以通过
http://localhost: 3000/css/风格。css
http://localhost: 3000/js/风格。js
http://localhost: 3000/img/风格。png
<强>注意:强>所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在url中。
<强>虚拟目录强>
为静态资源目录指定一个挂载路径的方式来实现。
我们可以给我们的静态文件添加虚拟目录,这样有时候方便我们统一管理我们的url,也一目了然地看出资源的属性。
var=需要表达(表达); 应用var=表达(); app.use(“静态”,express.static(公共)); >之前访问:
http://localhost: 3000/静态/css/风格。css
http://localhost: 3000/静态/js/风格。js
http://localhost: 3000/静态/img/风格。png
注意:这里我们添加了虚拟目录,所以我们的url中必须带上这个目录才能访问的到。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
表达之托管静态文件的方法