vue 實現二級域名構建路徑發生變化處理

二級域名

例如 zyf.com => zyf.com/test/

一級域名下vue項目直接構建打包的文件引用地址爲 、/static/

// 模塊安裝 壓包
npm install--save "cross-env"
複製代碼

// 一級域名打包的文件路徑 npm run build:prod(此處構建使用了以前文檔的統一構建配置)即構建正式包使用npm run build:prod 測試環境構建使用 npm run build:dev
<script type=text/javascript src=/static/js/manifest.d911f0a0eadf615.js>
複製代碼

使用二級域名 zyf.com/test/

// config/index.js
    build: {
        // Template for index.html
        index: path.resolve(__dirname, '../dist/index.html'),
        // Paths
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        // assetsPublicPath: '/', 監測構建環境是dev的話更改路徑爲二級域名後綴
        assetsPublicPath: process.env.env_config === "dev"? "/test/" : "/",
    }
複製代碼

// 項目配置文件 壓包處理
// package.json
"scripts": {
-  "build": "node build/build.js", 
  "build:prod": "cross-env env_config=prod node build/build.js", 
  "build:dev": "cross-env env_config=dev node build/build.js"
}
複製代碼