华为手机浏览器不支持PUT提交方式的解决方案

时间:2021-05-15 14:51:32

最近所在技术团队在开发webapp项目,前端angularjs+后端.Net MVC API,API登录接口定义为PUT提交方式,在做兼容测试时发现UC、safari、微信浏览器下都可以登录,但在华为自带浏览器下登录接口总是报错,抓包发现PUT提交请求体为空,用Inisomnia模拟提交空值得到和华为浏览器一样的接口返回信息,初步判断为浏览器提交了空值,Google了一下确实存在部分手机浏览器不支持PUT提交的情况,后在华为官网上了看下了,已有人遇到过来类似的情况,看来该浏览器确实不支持PUT提交。

最终解决方案如下:

查找资料得知PUT和POST差别仅在于Method标识不一样,遂决定前端加入判断,若为华为浏览器且为PUT提交时,则将此次提交Method改为POST,同时加入Head信息字段为"Real-Method",表明此次提交所需要的真实方法;后端用MVC自带过滤器判断,若Request中头信息包含"Real-Method"字段,则将本次请求Method修改为Real-Method的值。

这样的好处在于,不用修改原有的PUT接口,依然可以支持POST请求,以此来兼容那些不支持PUT的手机浏览器,且由于接口还要公共给移动端APP,这样移动端APP端之前已完成的逻辑就不需要做任何修改了。

(我们仅发现在华为6 PLUS、4A上有这样的问题,P8没有)

附上代码如下:

华为手机浏览器不支持PUT提交方式的解决方案

后端:

华为手机浏览器不支持PUT提交方式的解决方案