Node.js MEVN堆栈。链接到上传的图像

Node.js MEVN堆栈。链接到上传的图像,node.js,image,express,vue.js,file-upload,Node.js,Image,Express,Vue.js,File Upload,嗨,我在我的网站上实现了一个图像上传系统,但现在我不知道如何链接到该图像 我的根目录有一个客户端文件夹(用于vuejs应用程序)和一个服务器文件夹(用于后端逻辑) 当用户上载文件时,该文件将转到服务器文件夹下的公用文件夹。这就是我被卡住的地方 然后如何从客户端文件夹中的vuejs应用程序链接到上传的图像 请记住,我的express应用程序在端口5000上运行,而我的vuejs应用程序在端口8080上运行 在我的img标签中,我尝试使用“”和“”链接到图像,但没有成功在您的express.js逻辑

嗨,我在我的网站上实现了一个图像上传系统,但现在我不知道如何链接到该图像

我的根目录有一个客户端文件夹(用于vuejs应用程序)和一个服务器文件夹(用于后端逻辑)

当用户上载文件时,该文件将转到服务器文件夹下的公用文件夹。这就是我被卡住的地方

然后如何从客户端文件夹中的vuejs应用程序链接到上传的图像

请记住,我的express应用程序在端口5000上运行,而我的vuejs应用程序在端口8080上运行


在我的img标签中,我尝试使用“”和“”链接到图像,但没有成功

在您的express.js逻辑中,您应该公开您的公用文件夹

app.use('/public', express.static(`${__dirname}/public/`));
我假设您的express入口点与“/public/folder”位于同一个后端文件夹中

然后您就可以像以前一样在:
http://localhost:5000/public/image/imagename