Koa2 中如何处理静态资源？

Koa2 中如何处理静态资源？

当使用Koa2处理静态资源时，可以使用koa-static中间件。下面是一个更详细的示例，演示了如何在Koa2中处理静态资源。

首先，需要安装koa-static模块：

npm install koa-static

然后，在Koa2的入口文件中引入koa-static模块，并将其作为中间件使用：

const Koa = require('koa');
const static = require('koa-static');
const path = require('path');
const app = new Koa();

// 配置静态资源目录
const staticPath = path.join(__dirname, 'public');
app.use(static(staticPath));

// 其他中间件和路由处理逻辑
// ...

app.listen(3000, () => {
    
    
  console.log('Server is running on port 3000');
});

在上面的示例中，我们使用path模块来获取静态资源目录的绝对路径。然后，将该路径传递给koa-static中间件。这样，Koa2会将该目录下的静态资源暴露给外部访问。

假设我们有一个public目录，里面包含一个css文件夹和一个images文件夹，分别存放CSS文件和图片文件。现在我们想要访问style.css和logo.png这两个静态资源。

在public/css目录下创建一个style.css文件，内容如下：

body {
    
    
  background-color: lightblue;
}

在public/images目录下放置一个logo.png图片文件。

现在，我们可以通过以下URL来访问这些静态资源：

• CSS文件：http://localhost:3000/css/style.css
• 图片文件：http://localhost:3000/images/logo.png

Koa2会自动查找并返回对应的文件。这样，我们就可以方便地在Koa2中处理静态资源了。通过使用koa-static中间件，可以轻松地将静态文件提供给客户端。