Uniapp解决app和H5跨域问题

简介: Uniapp解决app和H5跨域问题

Uniapp解决app和H5跨域问题

1、创建request全局配置文件

module.exports = (vm) => {
  // 初始化请求配置 
  // 设置跨域问题
  // #ifdef H5
  // 此为自定义配置参数,具体参数见上方说明
  uni.$u.http.setConfig({
  baseUrl: 'api',
  loadingText: '努力加载中~',
  loadingTime: 800,
  // ......
  });
  // #endif
// #ifndef H5
  // 此为自定义配置参数,具体参数见上方说明
  uni.$u.http.setConfig({
  baseUrl: 'http://192.168.xx.xx:xxxxx',
  loadingText: '努力加载中~',
  loadingTime: 800,
  // ......
  });
  // #endif
}

2、在manifest.json中对H5进行配置

"h5": {
  "devServer": {
    "proxy": {
    "/api": {
      "target": "http://192.168.xx.xx:xxxx",
      "pathRewrite": {
      "^/api": ""//这个api要和request中对H5配置的baseUrl保持一致
      }
    }
    }
  }
  }

下面示例是文件所在位置


image.png


3、在main.js中全局配置

import App from './App'
App.mpType = 'app'
const app = new Vue({
  ...App
}) 
// 引入请求封装,将app参数传递到配置中
require('@/config/request.js')(app)

uniapp官网网络请求地址

https://uniapp.dcloud.io/api/request/request.htmlimage.png

目录
相关文章
|
8天前
|
移动开发 小程序 PHP
校园圈子论坛系统采取的PHP语音和uni账号开发的小程序APP公众号H5是否只需要4800元?是的,就是只需要4800元
关于校园圈子论坛系统采用PHP语言和uni-app开发的小程序、APP、公众号和H5是否仅需4800元这个问题,实际上很难给出一个确定的答案。这个价格可能受到多种因素的影响
39 8
|
11天前
|
缓存 移动开发 小程序
uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板
vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。
47 8
|
26天前
|
移动开发 小程序
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
仿青藤之恋社交交友软件系统源码 即时通讯 聊天 微信小程序 App H5三端通用
55 3
|
2月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
142 1
uniapp一个人开发APP关键步骤和考虑因素
|
2月前
|
移动开发 Android开发 容器
uniapp中使用videojs构建H5直播播放器
【10月更文挑战第14天】这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
333 3
|
3月前
|
开发工具
uniapp, 短剧视频类App实现参考,支持滑动播放,仿抖音 仿陌陌 短视频 无限滑动播放 视频流
阿里云点播服务web播放器sdk,短剧视频类App实现参考。仿抖音 仿陌陌 短视频 无限滑动播放 视频流。无uniapp video 原生组件的层级、遮挡、覆盖问题,适合与不同功能视图组合使用,实现丰富的应用功能。
uniapp, 短剧视频类App实现参考,支持滑动播放,仿抖音 仿陌陌 短视频 无限滑动播放 视频流
|
2月前
|
Web App开发 移动开发 前端开发
uniapp环境H5运行及发行(入门必学)
uniapp环境H5运行及发行(入门必学)
247 5
|
2月前
|
存储 API 数据库
uniapp APP自动更新组件
uniapp APP自动更新组件
86 1
|
2月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
51 2

热门文章

最新文章