uniapp 微信开发工具上访问正常,真机调试一直跨域报错

微信小程序真机调试时,出现跨域问题,需要同时在后端设置多种允许跨域的设置:

php 复制代码
// 指定允许其他域名访问
header('Access-Control-Allow-Origin:*');
// 响应类型
header('Access-Control-Allow-Methods:GET,POST,OPTION');
// 响应头设置
header('Access-Control-Allow-Headers:*');
header('Content-Type:*');
header('Accept-Ranges: *');

然后自己分析了下原因,主要是Accept-Ranges头的缺失,Accept-Ranges头部的作用就是告诉客户端,服务器是否支持这种"只请求部分资源"的操作。真机调试加上了这种限制。其主要作用:大文件的下载、流媒体的播放以及节省带宽和流量。

相关推荐
felipeas15 小时前
uni-app day1
uni-app·notepad++
前端后腿哥16 小时前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
黄同学real1 天前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
Hoshizola2 天前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫2 天前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
路光.2 天前
uniapp中解决webview在app中调用,有过渡空白问题,增加过渡动效
uni-app·vue·app·uniapp
linlinlove22 天前
前端uniapp、后端thinkphp股票系统开发功能展示、代码披露、HQChart
前端·uni-app·echarts·thinkphp·hqchart·配资·deepseek选股票
2501_915909062 天前
深入理解HTTPS中间人抓包技术原理与实战指南
网络协议·http·ios·小程序·https·uni-app·iphone
2501_916007472 天前
iOS应用性能优化全面指南:从内存管理到工具使用
android·ios·性能优化·小程序·uni-app·iphone·webview
巴博尔3 天前
UNIAPP中NVUE页面 动画
android·前端·javascript·ios·uni-app