reactjs - 内联 css 属性 backgroundImage 不会在子目录 ReactJS 中的构建上传时加载图像
问题描述
我正在子目录下的服务器上进行生产构建和上传。我正在使用内联 CSS 属性 backgroundImage 显示图像。它在本地的工作很好,但是在上传到服务器子目录后,由于找不到此路径,因此未加载图像。
服务器子目录文件夹结构。
Home
-> admin (sub-directory under the home directory)
反应代码::
<div className="rct-quotes-slides h-100" style={{ backgroundImage: 'url(' + require(`../assets/images/logo.png`) + ')' }} >
解决方案
推荐阅读
- css - 如何突出显示导航的部分?
- angular - 如何在另一个组件中访问一个组件的变量 [Angular]
- c# - 在插入之前检查 DataGridview 中的值是否与数据库表/模式兼容
- ios - 如何以编程方式快速调整视图大小?
- reactjs - reactjs中单独维护源码
- visual-studio-2017 - 一个项目只能有一个指向同一文件的链接
- android - 在微调器中显示当前月份
- python - 在 GKE 中授权 Firestore 服务器库
- flutter - 即使查询未完成,Future Builder 也会完成获取数据(Flutter-Firestore)
- java - 使用二维码阅读器区分二维码和二维码的截图/图像