Koa2 访问静态资源koa-static

在web开发中，静态资源是指相对稳定的文件，如html、css、js、图片等。这些文件不经常变化，一般都被存放在服务器的磁盘上，客户端需要访问时直接请求即可。而Koa2作为一个Node.js的Web框架，提供了koa-static中间件来访问静态资源。

Koa-static是一个用于服务静态资源的koa2中间件。它可以将服务器上的静态文件映射到URL路径上，从而在客户端可以通过浏览器访问这些静态资源。使用koa-static中间件非常简单，只需三步即可：

1. 安装koa-static

npm install koa-static

2. 引入koa-static中间件

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

// 静态文件根目录
const staticPath = './public';

// 注册koa-static中间件
app.use(static(
  path.join(__dirname, staticPath)
));

app.listen(3000);

3. 访问静态资源

例如，我们有一个public目录，其中包含有index.html和style.css两个文件。我们可以通过URL路径http://localhost:3000/index.html和http://localhost:3000/style.css分别访问这两个文件。

示例代码如下：

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

// 静态文件根目录
const staticPath = './public';

// 注册koa-static中间件
app.use(static(
  path.join(__dirname, staticPath)
));

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000');
});

在上述代码中，我们通过app.use()方法注册了koa-static中间件，并指定了静态文件的根目录为’./public’。这样，我们就可以通过URL路径来访问http://localhost:3000/index.html和http://localhost:3000/style.css两个静态文件了。

总之，使用koa-static中间件非常方便，只需安装、引入和注册即可。它能够将服务器上的静态文件映射到URL路径上，方便客户端访问。