如何通过multer在Vue中提供图像路径服务存储在文件夹中的图像

时间:2019-06-05 15:32:33

标签: node.js express vue.js

我正在使用VueJs开发RestApi Project Express,我通过后端的multer存储图像,但是我无法在前端显示它,我知道VueJs出了点问题,但是我无法修复

在前端,使用axios提取所有帖子并正常打印数据

Vue组件:

<img :src="post.imageUrl" alt>

数据库中的路径:“ images / imageName”

根目录中的images文件夹

---项目文件夹 - 客户 - 服务器 --images

多重功能:

const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, "images");
  });

app.use(multer({ storage: storage, fileFilter: fileFilter }).single("image"));
app.use("/images", express.static(path.join(__dirname, "images")));

我需要帮助,我已经搜寻了三天,但没有任何建议吗?

0 个答案:

没有答案