github-pages - 如何在将 vue 应用程序部署到 gh-pages 时修复背景图像的路径?
问题描述
我正在将我的 vue-app 部署到 gh-pages 并面临加载背景图像的问题。
这是我的项目的结构
这里链接到我在gh-pages live 上的项目。
您可以看到来自 img 标签的图像正在加载,并且 svg 文件正在加载,但不是 svg 的背景图像没有(我所有的背景图像都在 img 文件夹中)。
我可以在控制台中看到哪些路径搞砸了 - 它们应该是static/img/footer.88ceaa2.png
,但它们是static/css/static/img/footer.88ceaa2.png
我的组件中的背景路径应该不同还是我的配置文件中的某些内容?任何帮助都感激不尽。
解决方案
我对 Nuxt 有同样的问题,有一种方法可以通过将样式绑定为内联来解决
:style="{ backgroundImage: 'url(' + require('@/assets/imgs/assets/img/header.png') + ')' }"
推荐阅读
- opencv - 有没有办法在 OpenCV 中跟踪预先检测到的对象
- wait - Freemarker 中是否有“等待 x 秒”命令?
- python - 在启动时为树莓派加载 GUI Python 脚本
- python - Spacy NER:根据值列表识别命名实体
- php - 未定义的函数/方法 - Intelephense(1013) - Laravel Homestead + VScode
- php - 调用端点失败返回字符串(69)“错误:此方法仅支持 xml ExceptionType:System.Exception”
- c# - 使用 Google 搜索精选片段网址结果中的 Html 敏捷包屏幕抓取文本
- python - 用户输入特定值,不完全退出程序
- cmake - CMake 定义重新定义仅在更大的情况下才有效
- python - 无法更新 Buildpack