vue项目部署，测试环境与线上环境，接口肯定掉的不一样，这样在打包时就需要俩个域名来调用接口

1、部署时

test.domain.com和master.domain.com
这个两个域名下分别是 测试和正式接口

2、vue-cli3 中 git 控制版本

其中master 分支 .env文件中 VUE_APP_API 时线上环境 调用的接口 master.domain.com
其中test分支 .env文件中 VUE_APP_API 时线上环境 调用的接口 test.domain.com

3、git 忽略.env 文件版本控制

git rm -r -n --cached .env

4、nginx 为例 添加反向代理

location /api/
{
    proxy_pass http://domain.com;  #http://domain.com/api 多层目录
  
    #下面自己设置需要的
    #持久化连接相关配置
    #proxy_connect_timeout 30s;
    #proxy_read_timeout 86400s;
    #proxy_send_timeout 30s;
    #proxy_http_version 1.1;
    #proxy_set_header Upgrade $http_upgrade;
    #proxy_set_header Connection "upgrade";
    #缓存
    #add_header X-Cache $upstream_cache_status; 
}

5、最后

忽略.env文件后，自己上服务器，把项目对应下的.env VUE_APP_API 修改成当前环境下所需要的 就可以了。

未完待续...