今天根据框架大神指点, 我把设置步骤进行了整理, 供其他小伙伴们进行参考; vue 项目中打包时按照不同的环境, 例如: 开发环境, 测试环境, 生产环境, 我们如何根据不同的命令进行生成不同的接口环境.
1. 打开 vue 项目中的 webpake.JS 文件进行设置命令. 如下图, 在使用 cross-env 时, 需要安装一下 cross-env 插件, 是为了在不同的环境中, 能兼容同一个命令.
2. 在 config / 自己建的目录名 / 具体的 JS 文件; 如:
(1)dev.JS(测试环境地址, 开发环境和生产环境与测试环境一样, 域名替换成对应的地址就好)
(2)index.JS(process.env.VARIABLE 就是刚刚在 webpake.JS 自定义的变量)
3. 在 build 文件夹中找到 webpack.dev.conf.JS 和 webpack.prod.conf.JS 这 2 个文件里找到 plugins 并修改如下图 (URL 随便定义一个变量就好);
来源: http://www.qdfuns.com/article/36033/79547d0912615d432fbb720406c05bf2.html