前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Http2改造实践:statusText丢失问题

Http2改造实践:statusText丢失问题

作者头像
SmileSmith
发布2018-04-16 18:11:51
1.5K0
发布2018-04-16 18:11:51
举报
文章被收录于专栏:向前进向前进

背景:

1、项目中的nginx由http1.1改造为http2,

2、代码中采用axios的interceptors做统一返回处理,对于系统逻辑性错误弹窗(例如:表单字段唯一性校验弹窗提示)

现象:

1、在Chrome中打开,Http2中所有的弹窗失效

2、Http1.1中正常

猜测是拦截部分的代码没有执行,

代码语言:javascript
复制
axiosInstance.interceptors.response.use((response) => {
  if (response.status === 200 && response.statusText === 'OK') {
    const appData = response.data;

    if (appData && appData .resultCode) {

    ...  // 后续处理逻辑省略

期中这里的判断 status应该不会变,appData是后台返回的json数据应该也不会变,猜测是statusText有问题。

打开Chrome浏览器console,果然在Http2下response.statusText是""

百度,Google一下...。 嘿嘿

stack overflow上有类似问题

https://stackoverflow.com/questions/42401795/with-http-2-only-xmlhttprequest-responses-statustext-property-seems-to-be-us

大意是?statusText 会随着浏览器的变化而变化

Http2:Chrome (56.0.2924.87):

代码语言:javascript
复制
{
  status: 200,
  statusText: "", // empty
  config: {...},
  data: {...}
}

Http2:Firefox (51.0.1):

代码语言:javascript
复制
{
  status: 200,
  statusText: "OK", // as http1.1 (+1)
  config: {...},
  data: {...}
}

Http2:Safari (10.0.3):

代码语言:javascript
复制
{
  status: 200,
  statusText: "HTTP/2.0 200", // ?!
  config: {...},
  data: {...}
}

下面是Chrome浏览器依赖的chromium团队关于这个问题的讨论:

https://bugs.chromium.org/p/chromium/issues/detail?id=475223

大概意思就是http2默认返回头没有statusText,在http1.1中statusText也不是必须的 他们最后讨论不加statusText,不要像firefox一样给默认加上statusText,以免造成误解

结论:Http2中不要用statusText,除非你在服务器给加上这个返回头

本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-08-29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com