首页 > 解决方案 > 内联 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`) + ')' }} >

标签: reactjs

解决方案


推荐阅读