部署Firebase主机后未加载图像

所以，我主要使用Vuejs构建这个SPA网站。无论如何，当我通过Webpack及其开发服务器构建网站时，一切都很好。但是，在使用Firebase主机部署后，图像停止加载

您可以访问此处的网站，亲自查看： 正如你所看到的，只有favicon装载。徽标和汉堡图标不随favicon加载

以下是firebase配置：

{
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint"
    ],
    "source": "functions"
  },
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

此外，如果你转到Chrome开发工具的“资源”选项卡，你可以看到webpack文件夹中的2个图像

---

我只是想知道为什么图像没有加载，以及是否有任何方法可以修复它。提前感谢。

您的URL正在查找名为

/dist/

的子文件夹，但公用文件夹确实是dist，因此您只需将其从图像标记中删除即可

---

例如，替换为，您将看到您正在查找的图像。

您的URL正在查找名为

/dist/

的子文件夹，但公用文件夹确实是dist，因此您只需将其从图像标记中删除即可

---

例如，替换为，您将看到正在查找的图像。

Hi。是的，直接在Chrome的开发工具控制台中编辑它是有效的！但是如何直接在html/css中编辑链接呢？因为我把链接放在相对位置，所以我认为webpack会自动让它对我来说是静态的。更新：我在webpack.config.jsHi中将公共路径设置为“/”而不是“/dist/”。是的，直接在Chrome的开发工具控制台中编辑它是有效的！但是如何直接在html/css中编辑链接呢？因为我将链接设置为相对链接，所以我认为webpack会自动将其设置为静态。更新：我通过在webpack.config.js中将公共路径设置为“/”而不是“/dist/”使其工作