1. 程式人生 > >解決react中在webpack下引用路徑的問題--圖片;:最終只能通過把檔案拷貝一份到build目錄下才行

解決react中在webpack下引用路徑的問題--圖片;:最終只能通過把檔案拷貝一份到build目錄下才行

1:直接在div裡面: <img src="/img/1.jpg"/>   前面不帶點是可以的;如果是用data,就得把點替換掉

<img src={data.img?data.img.replace(".",""):""}  alt={data.title}/>  以前是不需要替換的,跟首頁js地址有關係

2:                   let mg=require("./img/1.jpg")       這個地址無論如何都有問題       

                         <img src={mg}/>

                        <img src={require("./img/2.jpg")}/>    這兩樣都不行;

3:打包的帶hash的檔案也找不到

***************;----最終只能通過把檔案拷貝一份到build目錄下才行

相關推薦

解決reactwebpack引用路徑的問題--圖片最終只能通過檔案拷貝build目錄

1:直接在div裡面: <img src="/img/1.jpg"/>   前面不帶點是可以的;如果是用data,就得把點替換掉<img src={data.img?data.img.replace(".",""):""}  alt={data.title}

使用java來一個目錄的所有檔案拷貝到另外一個目錄,並且重新命名

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!                import java.io.File;import java.io.FileReader;import java.io.FileWriter;public c

C#操作圖片與BASE64之間的相互轉換適應於網頁不能引用路徑的情況

#region 圖片的Base64 /// <summary> /// 圖片的Base64轉換 /// </summary>

Vs 解決方案多專案引用問題

如圖,專案PAC為啟動專案,是WIN32 application,專案AEDLL為WIN32 控制檯程式(就是執行時黑框的),它是個採集程式。目的:專案PAC起到軟體介面的作用,我想把專案AEDLL採集的資料呼叫到專案PAC中,請問可以實現嗎?怎麼樣在PAC中使用AE

SpringMVC使用thymeleaft解決js、css等引用路徑問題

一、前言 最近做專案,使用的是springmvc框架,前期開發各種css,js的引用使用的是相對路徑。 先普及一些路徑的基礎知識點 二、/和./和…/的含義 “/”表示根目錄開始; “./”表示當前同級目錄開始; “…/”表示上一級目錄開始; 三、遇到的問題

Linux環境,多圖片上傳提示沒有這樣的檔案目錄解決方式

//列表縮圖 $title_file = $request->file("title_pic"); $product_file = $request->file("productpic");

Go呼叫其他包的函式時報錯(非引用路徑問題)undefined:xxx.xxxxxx

例如我一個go檔案中呼叫 error包下的ShowInfo()函式的時候,報錯 undefined:xxx.xxxxx 引用路經完全沒錯,也不是函式首字母沒有大寫,出現錯誤的原因竟然是: 我呼叫了一個用於單測的go檔案中的函式, 也就是我呼叫了 error包下的

vue 爬坑 之js 物件/陣列 賦值/拷貝 解決VUE賦值引用後資料雙向改變的問題

淺拷貝這裡就不講了,我們直接講深拷貝 正常的陣列/物件拷貝可以直接用 const cloneObj = JSON.parse(JSON.stringify(Obj)); 這種方式可以解決相當多一部分的賦值問題,但是一些特殊屬性除外(undefined/function)

徹底解決 cv2.imread讀取帶中文路徑圖片問題

原因:cv2.imread讀不到帶中文路徑圖片 解決: import cv2 import numpy as np cv2.imdecode(np.fromfile("D:\\haha哈哈.png",dtype=np.uint8),,cv2.IMRE

解決RecyclerView使用UIL載入網路圖片,在重新整理時出現閃爍問題

      對於開源框架universal-image-loader大多數開發者都不會陌生,的確這是一款很不錯的圖片類框架,值得推薦。github地址是:https://github.com/nostra13/Android,在我之前的部落格中有專門推薦GitHub上幾款比

SpringMVC攔截器解決專案介面(url)訪問許可權的問題(通過url不能隨意訪問controller層)

層次關係 攔截器實現HandlerInterceptor介面 package com.bybo.aca.web.interceptor; import javax.servlet.http.HttpServletRequest; import javax.servlet.http

java檔案拷貝到指定目錄最簡單幾種方法

java中把檔案拷貝到指定目錄下最簡單幾種方法       String savePath =  "D:/file" ; // 檔案儲存到d盤的file目錄下 File savefile = 

關於win8pip安裝mysql找不到config-win.h檔案解決方案

關於win8下 pip安裝mysql報錯_mysql.c(42) : fatal error C1083: Cannot open include file: ‘config-win.h’: No such file or director的一種解決方案

專案已經引用了相關的jar包,但是啟動還是報錯,是因為伺服器沒jar包考進lib目錄

筆者在搭建Spring開發環境的時候,發現丟擲如下異常 java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener 很明顯是 ContextLoaderLis

war包放到Tomcat安裝目錄,不能直接訪問的解決方案

臨床表現: 將自己寫的一個web工程war包放到Tomcat安裝目錄下的/webapps下面(比如helloworld.war),通過瀏覽器訪問http://localhost:8080/helloworld,卻無法訪問。 訪問時出現404錯誤,The r

【錯誤解決】[Maven] cannot be opened because it does not exist錯誤[檔案無法編譯到target目錄解決方法]

使用IDEA搭建的Maven專案,在寫SpringEL和資源呼叫時出現瞭如下錯誤: 相信我,程式碼沒問題的、 Caused by: java.io.FileNotFoundException: class path resource [cn/hncu

將本地檔案上傳到Linux目錄(上傳到vm虛擬機器)

我們使用一個方便的工具,名叫:FileZilla 來源百度百科 FileZilla是一個免費開源的FTP軟體,分為客戶端版本和伺服器版本,具備所有的FTP軟體功能。可控性、有條理的介面和管理多站點的簡化方式使得Filezilla客戶端版成為一個方便

how to mount /system as read/write in android? 在除錯RK3288的OV2718的驅動時,需要remount /system目錄為rw以push檔案到/system/lib/hw目錄,常規的是用adb登入上去後以root許可權執行mount -o re

在除錯RK3288的OV2718的驅動時,需要remount  /system目錄為rw以push檔案到/system/lib/hw目錄下,常規的是用adb登入上去後以root許可權執行mount -o remount,rw /system即可,然而在拿的新板子後這麼做失效了,於是百

Nginx訪問原始碼.html檔案重定向到相對目錄.php檔案

                                                        請求報錯404故障 故障描述: LNMP環境下發布商城原始碼,通過web請求訪問.html檔案報404錯誤請求檔案不存在,在原始碼裡只存在.php檔案 例子圖

Lunixtomcat通過配置server.xml配置檔案實現執行非webapps目錄的專案

1、首先普及一個觀點:tomcat對於webapps下的專案會自動部署,不需要配置server.xml,但對於非webapps目錄下的專案則需要手動配置server.xml檔案,例如在搭建nginx伺服器均衡負載時,往往不會把專案放在webapps目錄下。 2、serv