fetch http请求被转成https？

谁借莪１个温暖的怀抱￠ 2023-06-23 07:53 44阅读 0赞

### fetch http请求被转成https，以及fetch问题相关记录 ###

*   *  http自动被转成https
     *  上传进度的获取

## http自动被转成https ##

*  请仔细看下图  
    ![在这里插入图片描述][20191218090149667.png]  
    **我们可以很简单的发现，我用的是原生api，然后请求一个http协议的，`为什么报错提示的却是GET https://` why？按理来说，这个报错应该为http:// xxxx**
 *  基于上面的问题，我们可以推测，这个fetch和标准的fetch有差异。  
    然后我们很显然会去思考这个差异是哪里的来的？我们可以做以下猜测

1.  最容易改浏览器fetch api的方式就是window.fetch = xxx…，可能是做了类似操作引起了上面的问题。
2.  浏览器出bug了
3.  有其他东西影响了，原生的fetch api让他表现出差异

**然后我们可以先开始验证前两条猜测的正确性**

1.我们可以很简单发现第一条显然不成立

![在这里插入图片描述][20191218091348682.png]  
如果我们修改了原生fetch api，我们打印fetch的值得时候，就会显示我们修改之后的值。所以问题不是因为修改了fetch api 引起的。

1.  第二条也很好验证，在这里就不验证了。这个可能性比较小

**那么我们可以得到肯定有其他什么东西影响了fetch api**

1.  怀着疑惑，我们看了一眼html

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
      <meta name="theme-color" content="#000000">
      <title></title>
    </head>
    
    <body>
      <div id="root"></div>
    </body>
    </html>

*  在一大段代码中发现了一个很特殊的meta标签  
    `<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"`

**我们可以尝试注释一下，发现原来的问题没有了，终于找到罪魁祸首了**。

然后我们就可以找到这是为什么了，具体原因是Upgrade-Insecure-Requests 是一个请求首部，用来向服务器端发送信号，表示客户端优先选择加密及带有身份验证的响应，并且它可以成功处理 upgrade-insecure-requests CSP 指令。

## 上传进度的获取 ##

*  你如果要用fetch实现上传进度，搜一下会发现目前没解决方案  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]

thanks

[20191218090149667.png]: https://img-blog.csdnimg.cn/20191218090149667.png
[20191218091348682.png]: https://img-blog.csdnimg.cn/20191218091348682.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200120142631858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0,size_16,color_FFFFFF,t_70