uniapp 跨域
时间: 2023-08-11 11:06:19 浏览: 125
在UniApp中处理跨域请求,你可以按照以下步骤进行操作:
1. 在`manifest.json`中配置跨域请求的白名单。在`uni-app`项目的根目录下找到`manifest.json`文件,在`"networkTimeout"`节点下添加`"request":"http://example.com"`,将`http://example.com`替换为需要跨域请求的域名。
```json
{
"networkTimeout": {
"request": 5000
}
}
```
2. 在`uni-app`项目的根目录下创建一个名为`vue.config.js`的文件,并添加以下内容:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://example.com', // 替换为需要跨域请求的后端接口地址
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
3. 在你的代码中使用跨域请求。以发送GET请求为例:
```javascript
uni.request({
url: '/api/your-api-endpoint',
method: 'GET',
success: (res) => {
console.log(res.data);
},
fail: (err) => {
console.error(err);
}
});
```
这样配置后,`uni.request`方法会自动将请求转发到指定的后端接口,并且可以正常处理跨域请求。记得将上述代码中的`http://example.com`替换为你实际需要请求的后端接口地址。
阅读全文