关于申请开发者office E5中无法发送手机验证码的解决方案

文章目录

关于申请开发者office E5中无法发送手机验证码的解决方案
- 注册过程
- 加载失败原因
- 解决过程
- 解决方案

注册过程

这是我的亲身经历，可能对其他情况会不一样

第一次注册到验证手机号时，点击发送代码死活没有反应，打开开发者工具的network一栏发现没有任何请求发出

但是发现了有些资源请求失败，其中就包括reCaptcha，打开百度一搜，大部分帖子说需要开魔法才能加载出来，于是我打开魔法重新加载

又到了验证手机号的阶段，发现仍然无法加载，网络中有这样的信息

加载失败原因

查询得知，为了防止网站被xss攻击，浏览器有非常严格的内容加载策略Content-Security-Policy（csp）

W3对csp的描述
MegaCorp Inc 的开发人员希望保护自己免受跨站点脚本攻击。他们可以通过确保其受信任的 CDN 是脚本可以加载和执行的唯一来源来降低脚本注入的风险。此外，他们希望确保没有插件可以在其页面的上下文中执行。以下政策具有这种效果：
Content-Security-Policy: script-src https://cdn.example.com/scripts/; object-src ‘none’

或者看这个[Content-Security-Policy]
(https://www.jianshu.com/p/528b6be7661c)

总之，csp策略阻止了reCaptcha的加载，我们看看申请E5网页的csp时如何描述的

可以看到有一大堆，但是可能正巧没有reCaptcha的网址，那我们添加上就好了

解决过程

我从百度上找到了一个方法，按他教程设置后

Google 人机验证(reCaptcha)无法显示解决方案(可解决大多数 CSP 问题)

设置成功后仍然无法加载出验证，网页右下角多出了个白条。同时，一段时间后，提示加载验证失败

打开控制台，发现reCaptcha仍然被csp阻止了

那我们就去加一个csp
打开Header Editor，编辑csp那条

输入新的代码

let rt = detail.type;
if (rt === 'script' || rt === 'stylesheet' || rt === 'main_frame' || rt === 'sub_frame') {for (let i in val) {if (val[i].name.toLowerCase() === 'content-security-policy') {let s = val[i].value;s = s.replace(/googleapis\.com/g, '$& https://gapis.geekzu.org');//把这里的https://recaptcha.net改成https://www.recaptcha.nets = s.replace(/recaptcha\.google\.com/g, '$& https://www.recaptcha.net');//把这里的https://recaptcha.net改成https://www.recaptcha.nets = s.replace(/google\.com/g, '$& https://www.recaptcha.net');s = s.replace(/gstatic\.com/g, '$& https://*.gstatic.cn');val[i].value = s;}}
}

改完后，问题成功解决

解决方案

首先按照Google 人机验证(reCaptcha)无法显示解决方案(可解决大多数 CSP 问题)的解决办法走一遍

这时便无需魔法即可打开reCaptcha

如果你仍然无法加载出来reCaptcha，就修改Header Editor中的csp规则，将如下代码粘贴进去即可

let rt = detail.type;
if (rt === 'script' || rt === 'stylesheet' || rt === 'main_frame' || rt === 'sub_frame') {for (let i in val) {if (val[i].name.toLowerCase() === 'content-security-policy') {let s = val[i].value;s = s.replace(/googleapis\.com/g, '$& https://gapis.geekzu.org');//把这里的https://recaptcha.net改成https://www.recaptcha.nets = s.replace(/recaptcha\.google\.com/g, '$& https://www.recaptcha.net');//把这里的https://recaptcha.net改成https://www.recaptcha.nets = s.replace(/google\.com/g, '$& https://www.recaptcha.net');s = s.replace(/gstatic\.com/g, '$& https://*.gstatic.cn');val[i].value = s;}}
}

加载成功：

解决申请开发者office E5中无法发送手机验证码，reCaptcha加载失败相关推荐

SpringBoot项目中可以上传图片，但图片加载失败
目录项目场景: 问题描述原因分析: 解决方案: 项目场景: 最近有个Springboot项目的图片不显示问题描述在项目中,可以上传图片,但加载失败系统运行正常: 在添加图片的位置中,可以选择 ...
计算机中丢失swr.dll,initpki.dll加载失败找不到指定的模块0x80004005错误代码怎么办win10...
如今越来越多的小伙伴都已经装上了win10系统,使用过程中难免也会碰到各种故障,例如有不少具体步骤如下: 1.打开搜索,输入:powershell ,在windows powershell 上单击右 ...
解决arcgis不能连接到oracle数据库,因为数据库客户端软件加载失败
arcgis连接Oracle数据库报错: 操作步骤: 打开arcmap 打开toolbox,创建企业级地理数据库填写相关信息后点击创建,报错.报错原因*"不能连接到oracle数据库,因为 ...
华为手机word插件加载失败_c#调用word的组件时失败解决方法
检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件时失败解决方法 Application当程序运行到这句时出现下面的错误:检索 ...
element ui 图片加载失败_vue 3.x 中使用element-ui时, el-image图片加载失败!!
问题描述 vue create ele 命令创建了一个vue3.x的项目 cd ele cnpm i npm run serve 把项目跑起来 cnpm i element-ui -S 安装eleme ...
python按照号段生成手机号接收验证码_django 发送手机验证码的示例代码
一.流程分析: 1.用户在项目前端,输入手机号,然后点击[获取验证码],将手机号发到post到后台. 2.后台验证手机号是否合法,是否已被占用,如果通过验证,则生成验证码,并通过运行脚本,让短信运营商 ...
android中常用的下拉刷新加载更多_如何设计“加载流程”
为什么要处理"加载"状态在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...
一个简单的页面加载管理类(包含加载中，加载失败，数据为空，加载成功)
在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记. 什么是页面加载管理类呢?(大佬可直接跳过翻看实现过程) 如果能有这个问题,那么很好,哈哈哈,你和我一样,刚开始都挺疑惑 ...
注册/找回密码等功能中发送手机验证码后倒计时效果的实现（基于vue）
注册/找回密码等功能中发送手机验证码后倒计时效果的实现,基于vue.element-ui <template><el-button size="small" ty ...

解决申请开发者office E5中无法发送手机验证码，reCaptcha加载失败