前端代码上传测试/正式服务器

·注：本文仅适用我自己，谨慎参考！！！

一、上传测试服务器

1.1 后台管理系统（未封装axios）

首先，在vue.config.js文件中，关于接口地址代理的代码可以全部注释掉，即deServer部分，服务器将不再使用代理服务。

其次，将接口中自行添加（供接口代理使用的）'apis/'全部删除。

最后，在main.js文件中添加如下代码：

axios.defaults.baseURL = 'url'; // url: 测试服务器地址

1.2 恢复本地测试

将上述改变恢复回去，即可。

2.1 手机端app（封装axios）

首先，在vue.config.js文件中，关于接口地址代理的代码可以全部注释掉，即deServer部分，服务器将不再使用代理服务。

其次，在根目录（与src同级）下，创建两个文件.env.developmet 和 .env.production 。其中：

.env.developmet文件：（本地）

VUE_APP_BASEURL = url      // url:  本地测试时后台接口地址（敏敏的地址）
VUE_APP_LOGINURL = url2    // url2: 统一登录地址

.env.production文件：（测试服务器）

VUE_APP_BASEURL = url       // url: 测试服务器地址
VUE_APP_LOGINURL = url2     // url2: 统一登录地址

然后，在main.js文件中，将上一步的地址挂载到页面

Vue.prototype.$baseUrl = process.env.VUE_APP_BASEURL
Vue.prototype.$loginUrl = process.env.VUE_APP_LOGINURL

最后，在页面接口调用处，删除所有'apis/'，将接口地址提取出来。

let url = this.$baseUrl + '/car/t/m'
post(url, params).then( (res) => {
  ......
})

2.2 恢复本地测试

根据上述方法修改代码后，不再需要手动更改代码，代码会自动切换地址。

最后，将后台返回的测试地址拼接首页地址，发送给后端更改移动中天内的配置地址。