用Express搭建服务器返回图片和名字

express搭个小服务挺方便,尤其是你想点POST求时。像这回讲的,前台发个求过来,后台就返回一张图片和一个名字,逻辑清晰,写起来也不麻烦。适合新手练手,也适合老手快速搭建个测试接口。

express的路由配置比较灵活,你用app.post()接住前端的求,配上合适的Content-Type就 OK 了。比如你接收application/json,就加个express.json()中间件。

图片的返回可以用res.sendFile(),放张本地图片就行,路径别写错了就好。名字嘛,直接返回个JSON对象,比如{ name: '小明' },前端也简单,展示下就好。

如果你还不熟express,可以看看这个express 后台服务器.md,写得还蛮清楚的,入门友好。

顺带一提,如果你是前后端一起搭的项目,创建 React App 带 Express 服务器也挺实用,省事还高效,适合快速启动个原型。

嗯,还有个细节,图片路径记得成绝对路径,尤其在res.sendFile()的时候,不然找不到文件,前端就看不到图了。

如果你只是想测试图片返回功能,不妨先把图片放在public目录下,通过静态资源中间件express.static()来搞定,也方便。

zip 文件大小:34.46MB