koa踩坑路之--koa-static设置静态目录访问图片

学习koa，使用koa-static，设置静态文件目录，访问图片

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

学习koa,设置静态目录访问图片，网上找的文章部分因为项目解析不同，导致无法访问图片，现将踩坑之路记录。学习之路，大神绕过！

一、引入

代码如下（示例）：

import koa from 'koa';
import KoaStatic from 'koa-static';
import path from 'path';

2.声明

代码如下（示例）：

const app = new koa();
const __dirname = path.resolve();

---

3.设置，启动

代码如下（示例）：

app.use(KoaStatic(__dirname + '/public'));               //这两种写法都可以
// app.use(KoaStatic(path.join(__dirname + '/public')))  //这两种写法都可以

app.listen('3003');

该处使用的url网络请求的数据。

访问图片时，路径不要加静态目录

4.踩坑过程

记录本人不可用的路径配置,也许符合其它项目结构，自行尝试，代码如下（示例）：

// app.use(KoaStatic(__dirname + './public'));
// app.use(KoaStatic(__dirname + './public/'));
// app.use(KoaStatic(__dirname + 'public'));
// app.use(KoaStatic(__dirname + 'public/'));