Reactjs - 无法在Bootstrap的Jumbotron上设置背景图像

Question

图片没有显示，我不确定它是否带有语法或图片路径错误。

 require_once 'advanced_html_dom.php';
 $numvl = $_POST['numvl'];
 $url = 
 'https://extranet.videotron.com/services/secur/extranet/tpia/Usage.do?
 compteInternet='.$numvl;

 $html = new AdvancedHtmlDom();
 $html->load_file($url);
 $element = $html->find("tr");
 echo $element[1]->innertext;

＆＃39; Jumbo＆＃39;组件在＆＃39;组件＆＃39;目录。 ＆＃39; twin.jpg＆＃39;是在＆＃39;图像＆＃39;目录。请参阅下面的屏幕截图。

Answer 1

这很可能是路径问题 - 反应代码看起来是正确的。我不确定您的项目是如何设置的，但通常图像资源会进入您的public目录。可能是public/images。然后，您将从Web服务器的根目录访问它们，路径可能是：

url(/images/twin.jpg)

首先尝试将图像放在公用文件夹中，然后尝试直接通过浏览器URL访问它们。

Answer 2

你应该在webpack中构建项目，然后在导入图像时，你将拥有该图像www或公共文件夹。