第一步,在manifest.json的h5配置中加入请求代理信息
"h5" : {
"devServer": {
"port": 8080, //这边填当前项目的编译端口,编译时直接使用此端口,也是代理端口
"disableHostCheck": true, //vue关闭主机检查
"proxy": {
"/api2": { //代理API域名的路径
"target": "http://*****/api2", //代理API域名地址+端口+路径
"changeOrigin": true, //是否跨域
"secure": false, //ssl,如果是https要更改为:true
"pathRewrite":{"^/api2":""} //代理请求时的重写路径,和"/api2"、"/api2".target保持一致即可
}
}
}
}
第二步,设置请求格式
import utils from '@/common/utils'
var self = this;
//请求前先将待提交的参数放到对象中
var data = {s:'App.Login.UserReg',user_login:'15303838888',user_pass:'123456',user_pass2:'123456',code:1234};
uni.request({
url: utils.api_domain+'/?s='+data.s, //取下请求对象中的方法
header: {
'content-type': 'application/json'
},
method: 'POST',
data:utils.dataSign(data), //运行签名加密算法
//请求成功后返回
success: (res) => {
// 请求成功之后将数据给Info
if(res.code===200)
{
self.Info = res.data;
}
self.data_msg = res.data.msg;
// self.info = res.data.info[0];
console.log('code:'+res.data.code+'--msg:'+res.data.msg+'--info:'+ JSON.stringify(res.data.info));
}
})
第三步,由于只设置了H5的代理请求,所以公共参数需要做个判断,/common/utils.js
//通讯API请求接口
var api_domain = 'http://******/api2/public';
// #ifdef H5
var api_domain = '/api2/public';
// #endif