【快应用】H5快应用Web组件打开的网页出现跨域问题如何解决?
2023-09-11 14:17:16 时间
【问题描述】
H5快应用Web组件打开的网页出现跨域问题如何解决?
【解决方案】
A:可以通过以下四种方式来来规避:
1、cors技术即服务器在返回响应报文的时候,在响应头中 设置一个允许的header。
2、原生jsonp,通过动态创建script标签,通过script标签的src,向一个不同源的接口发送一个get请求。
3、jQuery中的jsonp,设置dataType为jsonp,jq会自动动态帮我们创建一个script标签,将url放到src属性中。
4、nginx 转发,利用nginx反向代理,将请求分发到部署相应项目的tomcat服务器。
欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh
相关文章
- selenium使用谷歌浏览器自带手机模拟器运行H5网页
- 面试百问:H5性能测试如何做?
- h5页面
- UNIAPP - H5跳转微信小程序
- h5调用手机照相机
- 微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件,可预览和下载 office 文件(doc / xls / ppt / pdf 等)适用于任何前端技术栈网站,兼容安卓和苹果系统!
- Vue - H5 生成带二维码和文案的宣传海报(可自定义二维码扫描后的内容、海报背景图、文案文字、宽高间距等)用 HTML 写可 DIY 的海报,做完后转为图片供用户保存和转发下载
- uni-app - H5 端获取当前页面的路由和参数(得到当前页面地址的路径 URL)
- uni-app - 电子签字板组件(签名专用写字画板,支持调整写字板 “横纵“ 方向,可调整线条粗细颜色等,Canvas 绘制非常丝滑流畅)完美兼容 H5 APP 小程序,最好用的画板签字教程插件源码
- uni-app - App 平台内嵌网页物理手机自带返回键失效解决方案(内嵌的 webview 网页 H5 打包后手机物理返回键无效直接退出应用了)
- uni-app - 使用echarts 图表(H5、APP)
- Vue.js / Nuxt.js / uni-app - 移动端 H5 网页,在电脑 PC 上打开时居中显示(手机网页在电脑上打开后,简单粗暴防止 “界面样式“ 拉伸变形的解决方案)适用所有web项目
- 【快应用】H5网页弹出软键盘后页面没有上移
- 基于Springboot+Vue+H5实现MiniTalk聊天APP
- JS高阶---H5之Web Workers多线程
- h5 zuimeitianqi
- 类似支付宝集五福活动,节假日活动H5
- H5调用Android拨打电话