uniapp跨域解决方法
时间: 2023-11-29 11:47:20 浏览: 89
uni-app 项目 H5平台 解决跨域问题的方法如下:
1. 在 `manifest.json` 文件中添加如下代码:
```json
"mp-weixin": {
"appid": "wx1234567890",
"origin": "*",
"scope": "scope.userInfo",
"setting": {
"urlCheck": true, "es6": false,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"useMultiFrameRuntime": false,
"useApiHook": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
}
}
}
```
其中 `"origin": "*"` 表示允许所有来源的请求,如果需要限制来源,可以将 `*` 替换为具体的域名。
2. 在 `main.js` 文件中添加如下代码:
```javascript
Vue.prototype.$baseUrl = 'http://localhost:8080' // 将请求的基础路径设置为本地开发环境的地址
```
3. 在需要发送请求的地方使用 `uni.request` 方法发送请求,例如:
```javascript
uni.request({
url: this.$baseUrl + '/api/getData',
method: 'GET',
success: (res) => {
console.log(res)
},
fail: (err) => {
console.log(err)
}
})
```
阅读全文