从服务器端文件夹获取图像并在 Vue 中显示图像

Question

我正在尝试从我的节点 api 目录的公共文件夹中显示图像。 我想在前端 vue 文件中显示图像。 我不知道如何给出图像来源。

这是目录。 我想显示图像nodelogin.png

我想显示这些图像。

    <img :src="myimage" alt="Logo" width="80" height="80" />

这是我的模板代码。

     async created() {
             this.myimage = await this.getImage();
         },
     methods: {
             async getImage(){
                 return await 'http://localhost:4000/api/public/nodelogin.png';
             }
          }

但是这段代码给出了错误响应。 Cannot GET /api/public/nodelogin.png实际上我是 node 和 Vue 的新手所以我不确定我的逻辑是否正确。

我需要从后端做些什么吗？

Answer 1

只需使用 url '/nodelogin.png'

Answer 2

感谢您发布问题。

如果要查看 png，则应输入 url：

http://localhost:4000/nodelogin.png

祝您生意兴隆。