【问题标题】:vue js app image not loading from servervue js应用程序图像未从服务器加载
【发布时间】:2018-05-07 16:31:54
【问题描述】:

在我的 Vue js 应用程序中, 图像正在我的 localhost 环境表单“src/assets”文件夹中加载,但是当我将它部署到 firebase 图像时,图像没有显示 .404。这里有什么问题?

i am using: 
<img src="../assets/logo.png" style="width:100%" alt="Avatar">:
i also tried:
 "<img :src="../assets/logo.png" style="width:100%" alt="Avatar">"

【问题讨论】:

  • 你在使用像 webpack 这样的模块打包器吗?
  • 是的,我正在使用 webpack
  • 看看这个文件夹结构dzwonsemrish7.cloudfront.net/items/0p200P3Q3L0W390S2441/…,然后如果你从app.vue调用你的图像,你应该像这样调用加载它:&lt;img src="./assets/logo.png" style="width:100%" alt="Avatar"&gt;,这应该可以工作。
  • 你成功了吗?
  • 是的,我使用完整路径“src/assets/logo.png”修复它

标签: javascript firebase vue.js vuejs2


【解决方案1】:

尝试提供完整路径而不是 ../assets/logo.png 尝试 src/assets/logo.png 或其他任何内容它应该是完整的完整路径。

【讨论】:

  • 我不认为这是一个 webpack 问题。给 alt 属性提供完全相同的路径,看看它给出了什么。 ()。我认为你有一个路径问题。如果 alt 打印正确,并且该路径中存在 logo.png 图像应该出现在屏幕上。
  • src/assets/logo.png 对我不起作用。但是@/assets/logo.png 做到了!
猜你喜欢
  • 2021-03-23
  • 1970-01-01
  • 2023-03-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-19
  • 2014-04-05
  • 2019-02-16
相关资源
最近更新 更多