记: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...

还让我试。。。。。。。

客户端终于改了

并收到一个赞

总结一下

我没问题

排查思路也很清晰

相关推荐
姑苏洛言4 分钟前
编写产品需求文档:黄历日历小程序
前端·javascript·后端
知识分享小能手28 分钟前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
姑苏洛言1 小时前
搭建一款结合传统黄历功能的日历小程序
前端·javascript·后端
2501_916008891 小时前
iOS App抓包工具排查后台唤醒引发请求异常
websocket·网络协议·tcp/ip·http·网络安全·https·udp
你的人类朋友2 小时前
🤔什么时候用BFF架构?
前端·javascript·后端
知识分享小能手2 小时前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
一只小灿灿2 小时前
前端计算机视觉:使用 OpenCV.js 在浏览器中实现图像处理
前端·opencv·计算机视觉
前端小趴菜053 小时前
react状态管理库 - zustand
前端·react.js·前端框架
Jerry Lau3 小时前
go go go 出发咯 - go web开发入门系列(二) Gin 框架实战指南
前端·golang·gin