cli3暴露api地址 vue_vue-cli3打包时动态配置API地址

1.如何根据打包环境自动选择是否产生.map文件

首先用vue-cli3生成的项目都会有这样的目录

在package.json中建立这两条命令

–mode 后面的参数production和development两个值，就是为了区分开发和生产环境用的。

再执行npm run build-debug命令的时候，会发现global.process.argv中发现了我们脚本中配置的参数development，也就是数组中的最后一项。

最后在/config/index.js文件中导出的build对象中更改如下即可。

const env = process.argv[ process.argv.length - 1 ];

module.exports = {

build: {

productionSourceMap: env === 'development'

}

}

如果你的process.argv中没有看到scripts中写入的参数，那就自己找一下，是在node的process对象下的某处存在着。

2.根据打包环境自动配置API

上面的问题解决，这个就很简单了。

首先把开发环境的API和生产环境的API放到一个文件中，作为一个对象导出去。

必须要在打包流程中会执行到的文件中引入，并根据