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

Question

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

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

在代码中图片保存在assets上的图片下

<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')