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

还让我试。。。。。。。

客户端终于改了

并收到一个赞

总结一下

我没问题

排查思路也很清晰

相关推荐
2503_9284115643 分钟前
12.4 axios的二次封装-深拷贝
前端·javascript·vue.js
你真的可爱呀4 小时前
uniapp+vue3项目中的常见报错情况以及解决方法
前端·vue.js·uni-app
network_tester7 小时前
IXIA XM2网络测试仪电源模块损坏维修方法详解
网络·网络协议·tcp/ip·http·https·信息与通信·信号处理
差点GDP8 小时前
模拟请求测试 Fake Rest API Test
前端·网络·json
酒尘&8 小时前
Hook学习-上篇
前端·学习·react.js·前端框架·react
houyhea9 小时前
从香港竹脚手架到前端脚手架:那些"借来"的发展智慧与安全警示
前端
哈哈~haha9 小时前
Step 14: Custom CSS and Theme Colors 自定义CSS类
前端·css·ui5
Ndmzi9 小时前
Matlab编程技巧:自定义Simulink菜单(理解补充)
前端·javascript·python
我命由我123459 小时前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
SoaringHeart10 小时前
Flutter组件封装:验证码倒计时按钮 TimerButton
前端·flutter