uniapp跨域主要是在浏览器中调试的时候会出现,在app和小程序端运行是不会的,以下的方法只适用在浏览器调试时出现跨域问题是解决。谢谢
1.在我们的uniapp项目中的manifest.json中添加下面的代码
"h5" : {
"devServer": {
"port": 8080,
"disableHostCheck": true,
"proxy": {
"/web-api": {
"target": "https://test.buxiaosheng.com/web-api", //这个是我们要访问的接口前缀
"changeOrigin": true,
"ws": true,
"pathRewrite": {
"^/web-api": ""
}
}
}
}
}
2.在我们的接口地址前拼接个上面我们写的配置字段
uni.request({
url: '/web-api' + 我们请求的地址,
method: type,
header: {'content-type': 'application/x-www-form-urlencoded'},
data: data,
success: res => {
if (res.data.code === 200) {
resolve(res.data)
} else {
reject(res.data)
}
},
fail: err => {
reject(err.data)
}
})
3.最后就可以开开心心看到我们在浏览器中成功的得到我们的请求