uniapp 配置proxy 跨域代理
uniapp项目前端跨域配置处理
·
1.在manifest.json 文件中的 devServer添加:
"devServer" : {
"https" : false,
"proxy" : {
"/test" : {
"target" : "http://192.000.0.00:9999", //请求的目标域名
"changeOrigin" : true,
"secure" : false,
"pathRewrite" : {
"^/test" : "/"
}
}
},
"port" : 8080
},
2.request.js文件中 /test 环境就代表这使用了本地代理,你的接口请求地址也会变成自己本地的地址
const request = (obj) => {
obj.url = obj.url || '';
obj.method = obj.method || 'GET';
obj.data = obj.data || {};
return new Promise((resolve, reject) => {
uni.request({
// 使用代理拼接
url: '/test' + obj.url,
method: obj.method,
data: obj.data,
// 请求头携带
header: {
'token': sessionStorage.getItem('token')
},
// 接口成功调用
success: res => {
if (res.data.code === 508) {
wx.showModal({
title: '提示',
content: '未登录或登录已失效,将跳转到登录界面',
success: function (res) {
if (res.confirm) {
uni.navigateTo({
url: '/pages/messagecode/messagecode'
})
} else {
console.log('用户点击取消')
}
}
})
} else {
resolve(res.data);
}
},
// 接口失败调用
fail: (err) => {
reject('请求失败');
},
complete: () => {
}
})
})
}
export default request
更多推荐
已为社区贡献5条内容
所有评论(0)