uni-app之网络请求解决跨域
时间: 2023-08-03 19:03:10 浏览: 203
在uni-app中解决跨域问题可以通过以下几种方式:
1. 在服务端设置响应头
在服务端设置响应头Access-Control-Allow-Origin为允许访问的源地址即可解决跨域问题。
2. 使用uni-app内置的跨域代理服务
uni-app提供了内置的跨域代理服务,可以通过在请求地址前添加`/api/`前缀来触发代理服务,例如:
```
uni.request({
url: '/api/your/request/url',
method: 'GET',
success: function(res) {
console.log(res.data)
}
})
```
需要在`/config/index.js`中配置代理服务:
```
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'https://your/api/url',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
3. 使用第三方跨域插件
可以使用第三方的跨域插件,例如`vue-resource`、`axios`等来解决跨域问题。在请求中添加`withCredentials`属性,并将其设置为`true`即可实现跨域请求。例如:
```
axios.get('https://your/request/url', {
withCredentials: true
}).then(res => {
console.log(res.data)
})
```
阅读全文