express托管同目录静态文件

最近做毕设，用到express，并且需要用其托管静态目录，不托管的话图片是裂的。但是，我搜了很多教程，几乎没有一个教程是如何托管同目录静态文件的，而这却是我遇到的问题。虽然新建一个目录不难，但是头铁的我觉得必须得找到一个方法解决现在的问题，结果还真给我找到方法来解决了。当然，以后写项目目录结构最好还是有条理一点，不要像我这次觉得只是写demo就为了省事把图片和js文件放一起。

首先解释一下我需要解决的，即图片和js在一起的情况：

下图是我的目录结构，在test.js中用express渲染index.html模板，index.html中使用了图片1.jpg

​

我自己摸索出来两种托管静态文件的方法：

在test.js中的写法分别为：

1.app.use(express.static('D:/programming/Myworkspace/spiderjd/public'));

2. app.use(express.static(__dirname));

在浏览器中访问图片成功：

​

在index.html的引用：

​

附上官网的方法，这也是我搜索到的大多数人用的方法：https://www.expressjs.com.cn/starter/static-files.html

官网中有一种方法很有意思：

app.use('/static', express.static('public'))

这样的用法就是虽然你在引用的地方写引用/static/0.jpg，但是用到的真正的图片的位置却是/public/0.jpg

比如我在picture中有一张图片：​

然后我在test.js中这样写：

app.use('/', express.static('picture'));

然后访问，可以直接在localhost的根目录访问到，但实际图片是在picture文件夹里的：

​

在index.html的引用：

​

以上就是我总结的一些express托管静态文件的东西，希望对大家有用。