ExpressJS - 静态文件

ExpressJS - 静态文件 首页 / ExpressJS入门教程 / ExpressJS - 静态文件

静态文件是客户端从服务器直接下载的文件,创建一个新目录 public,默认情况下不允许访问静态文件,您需要使用以下内置中间件启用它。

app.use(express.static('public'));

要测试它是否正常工作,请在新的 public 目录中添加任何图像文件,并将其名称更改为" testimage.jpg "。在您的视图中,并包括以下文件:

链接:https://www.learnfk.comhttps://www.learnfk.com/expressjs/expressjs-static-files.html

来源:LearnFk无涯教程网

html
   head
   body
      h3 Testing static file serving:
      img(src="/testimage.jpg", alt="Testing Image

多个静态目录 

无涯教程还可以使用以下程序设置多个静态目录-

var express=require('express');
var app=express();

app.use(express.static('public'));
app.use(express.static('images'));

app.listen(3000);

虚拟路径前缀

还可以提供用于提供静态文件的路径前缀,如果要提供'/static'之类的路径前缀,则需要在 index.js 文件中包括以下代码-

var express=require('express');
var app=express();

app.use('/static', express.static('public'));

app.listen(3000);

现在,每当需要在公共目录中包含文件(如,名为main.js的脚本文件)时,请使用以下脚本标签-

<script src="/static/main.js" />

当提供多个目录作为静态文件时,此技术会派上用场,这些前缀可以帮助区分多个目录。

无涯教程网

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

Web协议详解与抓包实战 -〔陶辉〕

研发效率破局之道 -〔葛俊〕

后端存储实战课 -〔李玥〕

小马哥讲Spring AOP编程思想 -〔小马哥〕

体验设计案例课 -〔炒炒〕

etcd实战课 -〔唐聪〕

PyTorch深度学习实战 -〔方远〕

Python实战 · 从0到1搭建直播视频平台 -〔Barry〕

结构会议力 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)