如何在Express框架中实现静态文件的提供?
- 内容介绍
- 文章标签
- 相关推荐
本文共计580个文字,预计阅读时间需要3分钟。
为了提供静态文件,如图像、CSS 和 JavaScript 文件,请使用 Express 中的 `express.static` 内置中间件函数。将包含静态资源的目录名称传递给 `express.static` 函数,以便开始服务。
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件,请使用 Express 中的 express.static 内置中间件函数。
将包含静态资源的目录的名称传递给 express.static 中间件函数,以便开始直接提供这些文件。例如,使用以下代码在名为 public 的目录中提供图像、CSS 文件和 JavaScript 文件:
app.use(express.static('public'));
现在,可以访问位于 public 目录中的文件:
localhost:3000/images/kitten.jpg
localhost:3000/css/style.css
localhost:3000/js/app.js
localhost:3000/images/bg.png
localhost:3000/hello.html
Express 相对于静态目录查找文件,因此静态目录的名称不是此 URL 的一部分。
本文共计580个文字,预计阅读时间需要3分钟。
为了提供静态文件,如图像、CSS 和 JavaScript 文件,请使用 Express 中的 `express.static` 内置中间件函数。将包含静态资源的目录名称传递给 `express.static` 函数,以便开始服务。
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件,请使用 Express 中的 express.static 内置中间件函数。
将包含静态资源的目录的名称传递给 express.static 中间件函数,以便开始直接提供这些文件。例如,使用以下代码在名为 public 的目录中提供图像、CSS 文件和 JavaScript 文件:
app.use(express.static('public'));
现在,可以访问位于 public 目录中的文件:
localhost:3000/images/kitten.jpg
localhost:3000/css/style.css
localhost:3000/js/app.js
localhost:3000/images/bg.png
localhost:3000/hello.html
Express 相对于静态目录查找文件,因此静态目录的名称不是此 URL 的一部分。

