javascript - Vue CLI 3,我的图像资源返回 404 错误?

标签 javascript html vue.js

大家好,

我对 vue 还很陌生。我目前正在尝试使用 Vue 编写一个用于教育目的的网站。我正在使用这个项目( https://github.com/ilyasjabar/MyPortfolio ),但由于某种原因,每当我构建网站时,所有图像的图像路径似乎都会困惑。 我真的不知道如何解决图像问题,非常感谢一些帮助。

enter image description here

最佳答案

您可以直接使用“@”引用资源,如下所示:

<img src="@/assets/img/moi.jpg"/>

在您的情况下:转到 src/components 文件夹,在 Header.vue 文件中引用这样的 img:

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

关于javascript - Vue CLI 3,我的图像资源返回 404 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55081957/

相关文章:

javascript - 搜索 UI 自动完成输入

javascript - Angular 和 Controller 功能参数

html - 使网站规模化而不是响应式

html - 背景DIV被切断

html - 为什么 <button> 默认情况下悬停时没有指针光标?

jquery - 从 jQuery 更新 Vue 模型

javascript - Express - 如何从 POST 表单获取数据

JavaScript 按钮函数交换

vue.js - Vuetify v-menu 在对话框出现后使下拉菜单保持打开状态

vue.js - 有条件地渲染父元素,保留内部 html