溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下react打包圖片路徑錯(cuò)誤如何解決的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。
react打包圖片路徑錯(cuò)誤的解決辦法：1、把build文件夾直接放到IIS上；2、修改index.html里面的引用資源，把“/static”前面的“/”符號(hào)去掉即可訪問(wèn)到頁(yè)面內(nèi)容。
react打包后圖片和資源路徑錯(cuò)誤的解決方法
執(zhí)行打包程序后yarn run build
會(huì)看到多了一個(gè)build的文件夾。只需要把build文件夾部署到服務(wù)器即可訪問(wèn)。如果直接打開(kāi)index.html就會(huì)報(bào)錯(cuò)，圖片和資源加載不到。
我直接把它放到IIS上，做測(cè)試后是沒(méi)有問(wèn)題。
當(dāng)然，如果你非用在本地訪問(wèn)，就手動(dòng)把index.html里面的引用資源理解修改一下即可。也就是把【 /static 】前面的【/】 去掉，也可以訪問(wèn)到頁(yè)面內(nèi)容。
以上就是“react打包圖片路徑錯(cuò)誤如何解決”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
