vue打包配置问题

Question

怎么标识生产，开发地址，build用生产地址，dev用开发地址

Answer 1

根据process.env.NODE_ENV判断即可

Answer 2

可以使用process.env.NODE_ENV判断。
webpack配置中基本设置好了，本地开发是development，打包后就是production。

Answer 3

关键字的确是环境变量，配置打包命令添加--mode 环境变量
创建sit（dev）环境分支文件，命名为
.env.development
添加内容

# 添加开发环境配置
VUE_APP_API_URL = http://10.129.106.27:8089

按照上面配置即可
备注：
.env.development.local是本地开发
.env.production是生产环境

# .env.production
# 添加生产环境环境配置
VUE_APP_API_URL = https:xxx.com

使用：

console.log(process.env.VUE_APP_API_URL)

在代码里试着打印process.env.VUE_APP_API_URL你就能看到是自己配置的变量了，因打包命令变化 而不同。