Vue.js 如何将本地文件夹图像(资产)包括到vue应用程序

Vue.js 如何将本地文件夹图像(资产)包括到vue应用程序,vue.js,vuejs2,vue-component,vue-router,Vue.js,Vuejs2,Vue Component,Vue Router,我正在尝试添加图像,在一个Vue应用程序中,我使用了./assets/logo.png Vue应用程序的url为 错误的原因可能是什么 将./assets/logo.png更改为要求“../assets/logo.png” 这会告诉Webpack在该位置搜索该图像,并在渲染时用实际值替换引用。若要使其正常工作,您需要使用图像源,请添加额外的。在开始时,您将退出components文件夹,并在其末尾包含.png: { ... image: require("../assets/logo.png")

我正在尝试添加图像,在一个Vue应用程序中,我使用了./assets/logo.png Vue应用程序的url为

错误的原因可能是什么

将./assets/logo.png更改为要求“../assets/logo.png”


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

若要使其正常工作,您需要使用图像源,请添加额外的。在开始时,您将退出components文件夹,并在其末尾包含.png:

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

这一要求与不知道在没有它的情况下你指的是哪里的网页有关。

你能发布你的目录结构的图片吗?具体地说,图像是相对于正在引用的文件存储的。另外,错误的图像或副本将有助于添加结构,因为图像请查看,先生。您能显示图像正在使用的位置吗?i、 e.请不要发布代码的图像。看这回答了你的问题吗?如果我想在这里添加-style=背景图像:url./assets/hero bg.5bbf972f.jpg;>取决于您使用它的位置,CSS/Vue等,以及与我添加的图像相关的文件的位置&未找到其不起作用的内容。您可以指导此处缺少什么吗?您可以绑定样式并使用字符串插值::style=`background image:url${require'../assets/logo.png'}`。如果我想在这里添加-style=背景图像:url./assets/hero bg.5bbf972f.jpg;>