vue打包区分不同的ip(代理和未代理)

 很多时候我们打包要区分测试环境和正式环境,就会涉及不同打包命令项目链接不同的ip

下可在项目主目录下的.env.development,.env.production来区分不同的环境

一.未做反向代理

1 .env.development文件:

ENV = 'development'
VUE_APP_BASE_API = 'https://...com'  //此处为第一个后台接口地址

2 .env.production文件:

ENV = 'production'
VUE_APP_BASE_API = 'https://...com'  //此处为第二个后台接口地址

3.在package.json中配置命令

                
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "build:prod": "vue-cli-service build --mode production", 
  },

4在axios中添加请求的项目地址,一般为requset.js