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

还让我试。。。。。。。

客户端终于改了

并收到一个赞

总结一下

我没问题

排查思路也很清晰

相关推荐
我又来搬代码了3 分钟前
【Android】【Compose】Compose知识点复习(一)
android·前端·kotlin·android studio
哆啦A梦15887 分钟前
【vue实战】商城后台管理系统 01 项目介绍
前端·javascript·vue.js
盼哥PyAI实验室12 分钟前
Python自定义HTTP客户端:12306抢票项目的网络请求管理
开发语言·python·http
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ37 分钟前
java实现登录:多点登录互踢,30分钟无操作超时
java·前端
一字白首41 分钟前
Vue Router 进阶,声明式 / 编程式导航 + 重定向 + 404 + 路由模式
前端·javascript·vue.js
广州华水科技1 小时前
单北斗变形监测在水库安全中的应用与维护该如何实施?
前端
GIS好难学1 小时前
0帧起手《Vue零基础教程》,从前端框架到GIS开发系列课程
前端·vue.js·前端框架
行走的陀螺仪1 小时前
重绘和重排怎么触发?怎么优化?
前端·css·性能优化·css3·浏览器原理
尘世中一位迷途小书童1 小时前
项目大扫除神器:Knip —— 将你的代码库“瘦身”到底
前端·架构·代码规范