如何将本地文件夹图像(资产)包含在 vue 应用程序中

Question

我正在尝试添加图像，在其中一个 Vue 应用程序中，我正在使用"./assets/logo.png"Vue 应用程序的网址是 http://localhost:8080/#/

错误的原因可能是什么？

感谢答案

Answer 1

为此，您需要图像源，在开头添加一个额外的.，以便您离开components文件夹，并在末尾包含.png：

{ ... image: require("../assets/logo.png") }

要求与 webpack 有关，没有它就不知道你指的是哪里。

Answer 2

将"./assets/logo.png"更改为require('../assets/logo.png')

这会告诉 Webpack 在该位置搜索该图像，并在渲染时将引用替换为实际值。