记:WEB唤起客户端服务失败问题及排查思路

先说原因,是客户端处理有预处理接口有问题

post非简单请求会先发送预处理查看服务器是否允许跨域

https会添加额外的header导致原本简单请求编程变成非简单请求

blog.csdn.net/xiaoxiong_j... developer.chrome.com/blog/privat...

下面细说

背景

客户端开放接口,web调用接口,唤起客户端拨打电话。

文档:

web请求出错,postman没问题

我直接用axios请求,调用不起,可惜没有截图,应该是padding,

---> 使用postman调用,没问题

我直呼不可思议,

---> 本地起了服务,可以收到。既然postman没问题,那我前端应该也没问题,我认为责任在我。

这时候我认为,web接口请求客户端收到了,但是postman发送的数据有区别,导致客户端处理有误。

对比两次请求体header区别不大,毕竟postman也是我复制浏览器接口的curl导入的,这里乱七八糟试。没有结果。 此时已经无奈求助

content-type不能是json

别人代码没有任何header配置,我以为他默认content-type是json。,于是我再试postman的header参数,发现取消大部分header,最小化保留也可以调用

我就把矛头指向web,凭什么axios不行,胡乱尝试一下,先使用fetch,XMLHttpRequest都还是不行。其中努力把header参数和postman保持一致浪费了很多时间。

于是down了jquery在本地,代码一样,竟然可以唤起电话!!!

查看请求,content-type是form!!!下图可以看出我的修改路径。

这样本地测试代码,本地开发环境都没问题。

测试环境无法调用

但是部署到测试环境,调用客户端不行。感觉不是我代码的问题。

我本地服务接收 成功的本地测试代码的接口 和 失败的测试环境的接口 ,两个参数没有明显区别

他的请求头和我的差不多,此时我确切认为不是我代码的问题。而测试环境是https协议,所以我怀疑是这个原因,于是想要ip访问

可惜ip访问不了页面内其他资源,页面打不开。于是希望客户端排查

调用本地客户端服务,竟然有人以为是代理问题

然后他叫了人讨论,什么结果我也没听,我只上去强调了我本地服务可以收到,你本地debug一下。

下班。

然后

还是想让我把预检去掉。。。

自己部署https 和 http对比

客户端不想改,领导一直觉得是我的问题。那只好自己部署https http对比一下了。

很明显https导致的,你不能因为我是https就不能让我访问吧。预检添加了这俩,而且我认为去不掉。 这是浏览器访问私有接口加的header。 参考:developer.chrome.com/blog/privat...

还让我试。。。。。。。

客户端终于改了

并收到一个赞

总结一下

我没问题

排查思路也很清晰

相关推荐
bluceli几秒前
JavaScript WeakMap与WeakSet:内存优化的秘密武器
前端·javascript
陆枫Larry1 分钟前
折叠屏“窗口化”下的全屏背景图错位:一次小程序适配的排障思路与最小改动修复
前端
陆枫Larry2 分钟前
Art Direction(艺术导向适配)
前端
Lee川4 分钟前
从“手工砌砖”到“魔法蓝图”:响应式驱动界面的诞生与实战
前端·vue.js
与虾牵手4 分钟前
Next.js 14 App Router 踩坑实录:5 个让我加班到凌晨的坑 🕳️
前端·javascript·面试
猩球中的木子5 分钟前
怎么集成安装VitePlus(Vite+)并使用
前端·vite·前端工程化
李昊哲小课8 分钟前
电商系统项目教程
开发语言·前端·javascript
smxgn28 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
王中阳Go36 分钟前
2026年,前端这个岗位可能真的要消失了,但另一个正在崛起
前端
wing981 小时前
Vue3 接入 Google 登录:极简教程
前端·vue.js·google