react打包圖片路徑錯誤怎麼辦

react打包圖片路徑錯誤的解決方法：1、把build資料夾直接放到IIS上；2、修改index.html裡面的引用資源，把「/static」前面的「/」符號去掉即可存取頁面內容。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

react打包圖片路徑錯誤怎麼辦？

react打包後圖片和資源路徑錯誤的解決方法

執行打包程序後yarn run build

會看到多了一個build的資料夾。只需要把build資料夾部署到伺服器即可存取。如果直接開啟index.html就會報錯，圖片和資源載入不到。 

我直接把它放到IIS上，做測試後是沒有問題。 

當然，如果你非用在本地訪問，就手動把index.html裡面的引用資源理解修改一下即可。也就是把【 /static 】前面的【/】 去掉，也可以存取到頁面內容。

推薦學習：《react影片教學》

以上是react打包圖片路徑錯誤怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！