react.js - 基於create-react-app的打包後檔案根路徑修改

標籤：gpo   react   pac   技術分享   方法   img   config檔案   代碼   在伺服器   

 

用create-react-app腳手架搭建的react項目 使用 npm run build 之後產生的打包檔案只能在根目錄訪問 這樣放在伺服器目錄就訪問不到了

報錯為：

手動更改index.html的路徑之後又報靜態資源引入錯誤

把 

改為

這時候報錯為：

 

 解決方案很簡單：

找到myapp目錄config檔案夾下面  paths.js

大約在37行左右  （這是在2017-12-23建立的react項目生產的設定檔）

修改為以下代碼

function getServedPath(appPackageJson) {　　const publicUrl = getPublicUrl(appPackageJson);　　const servedUrl =　　envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : ‘./‘);　　return ensureSlash(servedUrl, true);}

 

函數圈住是修改路徑

 

END

react.js - 基於create-react-app的打包後檔案根路徑修改