本地调试线上环境遇到 https 协议过期

浏览器请求报错

如下图所示：

Provisional headers are shown （当前显示的是预配标头）

        我产生这个报错的原因是因为跨域问题和 https 协议过期引起的，想查看引起错误的其他的原因的话，点击这里👉 request请求头中出现Provisional headers are shown的解决过程
（这篇文章的作者出现这个报错是 url 写错导致的）

解决过程

1.解决跨域问题

        这个项目做的是微信公众号页面，它需要多处理一个问题——跨域，因为它的跨域是通过微信底层自带的东西实现的而我们现在需要通过浏览器去访问。
        这个问题我是直接使用跨域的谷歌浏览器解决，怎么配置跨域的谷歌浏览器看这里👉Chrome浏览器的跨域设置----包含新老版本两种设置

2.解决访问报错

        浏览器访问一下线上的登录 url 出现如下页面，点击 “高级”接着点击“继续访问”，然后注意一下运行本地项目的浏览器要同一个浏览器就可以了。

尝试过程

把 https 改为 http

注意：改完之后一定要重开浏览器，因为我尝试强制清空缓存和重新 npm run start 之后访问的还是以 https 开头的协议
        虽然不会出现上述 Provisional headers are shown 的警告，但是会出现错误的状态码 301 Moved Pernabebtly （永久移动，请求的网页已永久移动到新位置），然后自动发起一个 https 协议开头的请求，然后报错。