·注:本文仅适用我自己,谨慎参考!!!
一、上传测试服务器
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 恢复本地测试
根据上述方法修改代码后,不再需要手动更改代码,代码会自动切换地址。
最后,将后台返回的测试地址拼接首页地址,发送给后端更改移动中天内的配置地址。