实现头像上传功能,前端根据后端地址不能访问

vue+Element-Plus实现图片上传功能,图片上传到egg后端的public里面,然后存储在数据库的是图片存储文件夹和图片名字。想在前端访问该图片,怎么实现,通过地址http://127.0.0.1:7001加数据库存储的图片地址,访问不到,一直报404.希望有朋友指点一下。第一次尝试写这个。
前端代码:

img

img

img

可能是文件路径有问题;静态文件中间件配置有问题;存储图片的文件夹和文件有问题;或者路径名的大小写有问题。
可以检查一下控制台或Egg.js的日志文件,看看具体的错误原因。
 
如果答案对您有所帮助,望采纳。