在根目录下创建两个文件,这样的好处在于不用手动去书写判断环境替换路径代码
.env.development(开发)
.env.production(生产)
内容:
必须是VUE_APP前缀开头,这样webpack可以运行或者打包时候,会将其集成到process.env中
如:
1 // .env.development中 地址都是瞎写的 2 VUE_APP_BASE_URL = '192.168.0.0:8080' 3 4 5 // .env.production中 6 VUE_APP_BASE_URL = '192.168.0.1' 7 8 9 10 // 在实际请求中,只需要写入一个url 11 // 如: 12 axios.get(`${process.env.VUE_APP_BASE_URL}`/api) 13 14 15 // 在进行开发环境,会使用development中的地址 16 // 打包生产使用production中的地址。
回炉重造中,共勉!