nodeJS客户端获取服务器下的图片文件夹目录报404

Question

如下图，按理来说路径应该是正确的呀，本机地址下直接找upload或avatar目录下存储的图片，应该是访问 http://127.0.0.1:3006/upload/%E2%80%A6%E2%80%A6 地址吧，但是报404找不到资源，两个文件夹下的二进制图片资源都获取不到。
并且如果直接访问http://127.0.0.1:3006/avatar，也是404。
而且两个图片的文件夹都通过app.use('/avatar'，express.static('./avatar'))静态托管了。

Answer 1

express.static()
为了提供对静态资源文件(图片、csss文件、javascript文件)的服务，请使用Express内置的中间函数 express.static 。
传递一个包含静态资源的目录给 express.static 中间件用于立刻开始提供文件。比如用以下代码来提供public目录下的图片、css文件和javascript文件：
app.use(express.static('public'));
express 会在静态资源目录下查找文件，所以不需要把静态目录public作为url的一部分。现在，你可以加载 public目录下的文件了：
http://localhost:3000/hello.html
http://localhost:3000/images/1.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/index.js
可以多次使用 express.static 中间件来添加多个静态资源目录，这时express 将会按照你设置静态资源目录的顺序来查找静态资源文件：
app.use(express.static('public'));
app.use(express.static('files'));
为了给静态资源文件创建一个虚拟的文件前缀(实际上文件系统中并不存在) ，可以使用 express.static 函数指定一个虚拟的静态目录，就像下面这样：
app.use('/static', express.static('public'));
现在你可以使用 /static 作为前缀来加载 public 文件夹下的文件了：
http://localhost:3000/static/hello.html
http://localhost:3000/static/images/1.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/index.js
然而，你提供给 express.static 函数的路径是一个相对node进程启动位置的相对路径。如果你在其他的文件夹中启动express app，更稳妥的方式是使用静态资源文件夹的绝对路径：
app.use('/static', express.static(__dirname + '/public'));