vue修改打包後靜態資源路徑

Will醬發表於2017-12-15

使用vue-cli生成的專案,打包方式是直接執行package.json裡配置的指令碼

npm run build

// 這步其實是去執行build下的build.js指令碼檔案
node build/build.js
複製程式碼

如果釋出到伺服器資源,該靜態資源的路徑都是預設在根路徑下,大多數情況下是不符合期望的,還是希望放在指定位置。

這裡只需要修改config資料夾下的生產環境配置檔案prod.env.js

config資料夾

修改內容:

// 我們只需要修改編譯後的環境,所以只要修改prod.env.js下的build屬性下的assetsPublicPath屬性
// 預設值是 "/" 根目錄
// 我這裡加了一級 "/mywebsite/"
// 最終頁面上請求到的靜態資源路徑,比如css檔案的地址就是:

http://www.***.cn/mywebsite/static/css/index****.css

複製程式碼

prod.env.js

相關文章