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"
}
复制代码

转载于:https://juejin.im/post/5cb93a46518825329c3ead15