如何在vue中定位/链接资源（图像和声音）

Question

我正在使用vue-element-admin模板（http://panjiachen.github.io/vue-admin-template）。使用vue ui，我可以在编码时运行开发服务器。

我应该在哪里存储img或音频文件，以及如何在测试和实时环境中访问它们？

在代码中，图像保存在资产图像下

<img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">

当我尝试

<template>
   <img :src="img_url" >
</template>

data: function() {
    return {
      img_url: ''
    }
},
setImage() {
 this.img_url = '@/assets/404_images/404_coloud.png'
}

我明白了

<img src="@/assets/404_images/404_coloud.png">

Answer 1

您正在分配静态字符串值...您应该使用require来代替：

this.img_url =  require('@/assets/404_images/404_coloud.png')