如何将本地文件夹图像（资产）包括到vue App

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在该位置搜索该图像，并在渲染时将引用替换为实际值。