前端静态资源起服务

343 阅读1分钟

前言,目录结构为 顶级/前端, 顶级/后端。 前端部署的时候npm run build打包出dist文件,因此 此时的目录结构为 顶级/前端/dist,此时在顶级/前端/public目录下面有所有人的照片,并且后端会实时向public写入新png.因此public是动态的,dist打包出来的文件是静态的固定的,所以通过 express 起node服务,通过以下代码返回 image/png,

res.sendFile(__dirname + "/" + req.url);

因此 前端可以 像

`http://localhost:8082/Frontend/public/depPhoto/${info.gh}.png`

在img的src可以直接写这个链接。

http-server

因为平时我们在打开index.html 走的是file协议不是http协议。一旦部署了无法访问到相邻的文件。