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

还让我试。。。。。。。

客户端终于改了

并收到一个赞

总结一下

我没问题

排查思路也很清晰

相关推荐
小小小小宇18 分钟前
前端小tips
前端
小小小小宇27 分钟前
二维数组按顺时针螺旋顺序
前端
安木夕1 小时前
C#-Visual Studio宇宙第一IDE使用实践
前端·c#·.net
努力敲代码呀~1 小时前
前端高频面试题2:浏览器/计算机网络
前端·计算机网络·html
高山我梦口香糖1 小时前
[electron]预脚本不显示内联script
前端·javascript·electron
神探小白牙1 小时前
vue-video-player视频保活成功确无法推送问题
前端·vue.js·音视频
Angel_girl3192 小时前
vue项目使用svg图标
前端·vue.js
難釋懷2 小时前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo2 小时前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏2 小时前
vue生成二维码图片+文字说明
前端·vue.js