首页 > 其他分享 >uniapp h5 跨域问题处理

uniapp h5 跨域问题处理

时间:2024-04-11 10:46:28浏览次数:17  
标签:uniapp 请求 adapter h5 后台 跨域

问题背景

在xx后台完成之后需要添加app,选择uniapp对接后台,不使用提供的云平台

问题描述

在调试h5的时候,出现了跨域问题,在预检200状态码之后返回跨域错误,具体如图:

先附上解决方法节省时间:在后台跨域请求头中添加Platform的放行,问题得到解决

后台是已经做过了跨域的处理,管理平台可以正常请求,具体后台跨域如下:

 最终发现uniapp在请求头中加入了platform,后台没有放行platform,导致在预检之后出现不允许的请求头,所以出现了跨域异常

 

 

 

 最终解决方法:在后台跨域请求头中添加Platform的放行,问题得到解决

在尝试了封装axios之后依然出现了安卓无法访问的问题:

There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build

还是选择切换到uni.request

h5端

安卓端

 

标签:uniapp,请求,adapter,h5,后台,跨域
From: https://www.cnblogs.com/my-qt/p/18128292

相关文章

  • 社交圈子系统,包含Uni前端源码 ,App+H5+小程序 ,后端thinkphp源码+商业版
    系统介绍系统基于TP6+Uni-app框架开发;客户移动端采用uni-app开发,管理后台TH6开发。系统支持微信公众号端、微信小程序端、H5端、PC端多端账号同步,可快速打包生成APP;我们为你准备了完善的后台管理,不需要你懂PHP,按照教程10分钟安装完即可使用,堪比深夜的杜蕾斯还方便。......
  • uniapp 2.0可视化开发工具:提升跨平台应用开发效率的新篇章(更新版)
    摘要随着移动应用市场的不断扩大和前端技术的飞速发展,开发者们对于快速、高效构建跨平台应用的需求日益增强。uniapp作为一款优秀的跨平台应用开发框架,凭借其强大的功能和易用的特性,赢得了广大开发者的青睐。,其2.0版本的发布为开发者带来了更多的便利和可能性。其中,可视化开发......
  • CH573 CH582 CH592外设IAP例程讲解
    一.根据所选芯片型号下载官网最新例程,tips:若使用的是ch571这类codeflash是192k的芯片,需要将iap程序中的宏定义进行修改:源程序是0x0007000(448k),修改为0x0003000(192k)#defineAPP_CODE_END_ADDR0x00030000二.根据所选芯片型号下载对应的程序,三.串口1接usb转......
  • Vue3+Spring Boot3实现跨域通信解决办法
    Vue3+SpringBoot3实现跨域通信解决办法1跨域是什么?2何为同源呢?3解决办法3.1全局配置3.1.1实现CorsFilter过滤器3.1.2实现SpringMVC配置类3.1.3创建CorsFilterFactory工厂类返回CorsFilter对象3.2局部跨域3.2.1注解配置3.2.2手动设置响应头(局部跨域)1......
  • H5_状态标签
    meter标签属性值描述high数值规定高值low数值规定低值max数值规定最大值min数值规定最小值optimum数值规定最优值value数值规定当前值progress标签语义:显示某个任务完成的进度的指示器,一般用于表示进度条,双标签,例如:工作完成进度等......
  • uniapp转译微信小程序动态样式语法问题(:style)
    这样书写之后编译成微信小程序时会出现一下情况造成此类原因是因为我们直接给了一个对象而不是字符串(即直接给字符串不会出现此类问题)而微信不能直接识别所以直接在动态赋值时加上中括号......
  • Uniapp 打包流程 之离线打包
    Uniapp打包流程一、离线打包需要的工具:AndroidStudio,HBuilderX1.下载uniapp安卓打包所需要的SDK,下载地址:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android2下载完成后解压至相应文件夹,打开androidstudio,选择导入项目HBuilder-Hello;3.导入项目后,如......
  • H5短剧源码|小剧场短剧源码带uniapp和小程序开发
    短剧源码是指一个已经开发好的、可以直接使用的短剧小程序的源代码。短剧小程序是一种基于微信小程序平台的应用,专门用于播放短剧视频。短剧源码包含了短剧小程序的所有功能和界面设计,可以通过修改源码来定制自己的短剧小程序。使用短剧源码可以节省开发时间和成本,快速搭建自......
  • uview2.0版本,h5内网,无网络下icon图标不显示
    在项目目录下找到/node_modules/uview-ui/components/u-icon/u-icon.vue路径的文件由其中的代码片段可知,官方使用的是阿里云图标库的线上库,浏览器访问https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf这个地址,下载字体文件放到本地的static文件目录下然后将u-icon.vue......
  • 跨域请求资源-jsonp和cors区别
    JSONP和CORS的区别JSONP的原理:动态创建script标签;JSONP发送的不是Ajax请求不支持Post请求;CORS中文意思是跨域资源共享,需要服务器端进行CORS配置;CORS发送的是真正的Ajax请求CORS支持Ajax的跨域如果要启用CORS跨域资源共享,关键......