如何在Express框架中实现静态文件的提供?

2026-04-06 14:490阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计580个文字,预计阅读时间需要3分钟。

如何在Express框架中实现静态文件的提供?

为了提供静态文件,如图像、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分钟。

如何在Express框架中实现静态文件的提供?

为了提供静态文件,如图像、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 的一部分。

阅读全文
标签:实现方法