array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助(Microsoft Help Viewer)的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v;报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文(变量对象,作用域链,this)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记:快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习(二)Flotr2,雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树(Expression)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例:事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 从一次用Alamofire为网络请求添加header踩坑说起:iOS网络请求排错方法分享 - 爱码网

很久没有写博客,最近在做项目的时候遇到了一个很迷的网络请求的坑,在添加header的时候总是401,但是postman请求结果却没有问题。
搞了两天,查了很多都没找到解决方法,最后解决了但是还是没有很懂具体的原因,所以来分享一下顺便求解惑!!!
以下,个人踩坑经历+解决方案+原因猜测,如有不对,欢迎交流指正!

踩坑

最近的一个项目,后台那边用了JWT生成token认证,然后需要在请求头里面传token信息才可以请求成功。
这是后台给的header 键值对形式(注意⚠️)
从一次用Alamofire为网络请求添加header踩坑说起:iOS网络请求排错方法分享
我用了Alamofire进行请求:

let headers:HTTPHeaders = ["auth": "Bearer \(token)"]
Alamofire.request(URLStr, method: .get, encoding: URLEncoding.default,headers: headers).responseJSON { response in
	let value = reponse.result.value
	print(value)
}

然后返回的结果是401,并且提醒你auth header 是空:
从一次用Alamofire为网络请求添加header踩坑说起:iOS网络请求排错方法分享
我觉得Alamofire把401当成SUCCESS这个处理也有待商榷啊!

我的N次尝试

返回结果错误后,我就开始了我苦B的N次尝试之旅……我觉得我这次是基本上尝试了所以正确网络请求Debug,这里写出来给检查网络请求类错误的朋友们做参考。

1 检查语法

首先先检查了我用Alamofire进行网络请求的语法/细节,因为就一小段代码,很快检查完毕,我很确信并没有问题。这一部分有几个注意事项提醒:

  • let headers:HTTPHeaders = ["auth": "Bearer \(token)"] 定义加上HTTPHeaders
  • 请求加上encoding: URLEncoding.default,这两个是查了各种问题还有前辈让注意加上的,虽然不能解决我的问题,但希望大家也注意。
  • 检查过程中,key、url之类的拼写错误也要格外注意,出错了肯定出问题,而且很容易被忽略!

2 检查后台接口

确认网络请求发送的语法没有问题之后,我去检查了后台的借口,但是用postman请求发现返回信息正确,说明后台接口没有问题。然后继续查别的……
(这大概就是前后端互相怀疑的日常)

3 检查发送请求

可以用

print(response.request?.httpBody)
print(response.request?.allHTTPHeaderFields)

打印发送请求的内容检查,发现我的确已经发送header。再继续查……

N+1次尝试 - 抓包

其实中间我深知还怀疑过第三方库问题、编码问题等等,反正经过一系列的尝试,最后就开始抓包分析,这里用的是charles,iOS11之后需要手动认证,还挺麻烦的。
在抓到的请求里面查看header信息,发现keyAuthorization的header根本没有被添加进去!
然后尝试在headers里面添加其他header,尝试“cookie”,“auth”结果成功添加!
这就很迷了!
然后发现在头里面,有很多发过去自动添加的东西,会不会是偏偏“authorization”有冲突不行啊!就尝试让后台一起吧key的名称换成其他的!
然后就解决了!!!请求成功!两天的问题就改个名字就解决了!!!

分析

  • 刚说到在头里面,有很多发过去自动添加的东西,其实这些东西应该也是一层包一层的请求头,而authorization极有可能是跟其中的东西有冲突
  • 一般来说iOS的header在添加的过程中可以覆盖,像cookie之类的
  • 发现iOS Alamofire使用过程中的确有关键词authorization,这个Basic认证机制在文档中是这样的:
    从一次用Alamofire为网络请求添加header踩坑说起:iOS网络请求排错方法分享
    从一次用Alamofire为网络请求添加header踩坑说起:iOS网络请求排错方法分享
    所以初步分析的确是Authorization这个命名的冲突问题,可能是因为Authorization已经被定为Basic认证的头,便不可被更改/覆盖了,但是具体解释我还不大清楚。

写在后面

这个苦B的排错过程花了我两天,最后终于简单却不那么明白的解决了,但是也得到了一些教训,总结如下:

  • 语法/细节需要仔细排查但不必太过纠结
  • 前端/移动端同学需要拥有网络协议方面的基本能力
  • 网络请求之类的问题还是跟后台朋友一起排查分析比较好
  • 在一些找不到原因的问题上,寻求有经验的前辈的指导是最有用的

最后,祝看到这篇文章的你收获code 200

相关文章: