1. 程式人生 > >react.js - 基於create-react-app的打包後文件根路徑修改

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

onf 項目 目錄 pac icu body serve ppp name

用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的打包後文件根路徑修改