uniapp配置跨域
时间: 2023-10-02 21:06:50 浏览: 103
在uniapp中配置跨域,你可以按照以下步骤进行操作:
1. 打开项目的根目录,找到`vue.config.js`文件(如果没有该文件,可以在根目录下创建一个)。
2. 在`vue.config.js`文件中添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/baseUrlTest': { // 需要跨域的接口地址
target: 'http://192.168.1.34:8084', // 跨域请求的目标服务器地址
changeOrigin: true, // 将主机头的源更改为目标URL
pathRewrite: { // 路径重写
'^/baseUrlTest': '' // 将接口路径中以/baseUrlTest开头的部分替换为空字符串
}
},
'/baseUrlBuild': { // 需要跨域的接口地址
target: 'http://zhbz-test.xxx.com', // 跨域请求的目标服务器地址
changeOrigin: true, // 将主机头的源更改为目标URL
pathRewrite: { // 路径重写
'^/baseUrlBuild': '' // 将接口路径中以/baseUrlBuild开头的部分替换为空字符串
}
}
}
}
}
```
3. 修改以上代码中的`target`字段为你需要跨域请求的目标服务器地址。
4. 保存并重新运行uniapp项目,配置的跨域将生效。
阅读全文