VueJS图像标签源不起作用，如何解决？

Question

我有以下img标签：

 <img class="logo" src="../../assets/logo/logo_blue.png">

项目结构

我不知道为什么，但是我只收到以下错误消息：

  

获取http://localhost:8080/assets/logo/logo_blue.png 404（未找到）

Answer 1

尝试<img class="logo" src="@/assets/logo/logo_blue.png"> 这里的“ @”是指根目录

Answer 2

这行得通吗？

<img class="logo" src="./assets/logo/logo_blue.png">

我认为该图像的路径完全取决于部署时间上页面和图像之间的相对路径。如果您未使用HTML5历史记录模式，则此./assets/前缀应始终有效。