3、运行 certlm.msc(本地计算机证书管理器)。在 受信任的根证书颁发机构 下,检查是否有 mkcert development CA 证书。不存在。如图3
图3
4、将 C:\Users\wangqiang\AppData\Local\mkcert\rootCA.pem 证书导入到 受信任的根证书颁发机构。如图4
图4
5、信任 CA 证书 Chrome / Edge 进入 chrome://settings/certificates。选择 “本地证书” 选项卡 – 查看从 Windows 导入的证书,查看是否包含 mkcert 生成的 CA 证书。已经包含,重启浏览器。如图5
图5
6、再次请求,报错:Access to XMLHttpRequest at ‘https://api.apply.local/sms/get-login-verify-code’ from origin ‘https://console.apply.local’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 如图6
图6
7、从来源“https://console.apply.local”访问“https://api.apply.local/sms/get-login-verify-code”处的 XMLHttpRequest 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。如图7
图7
8、在服务端设置响应 Access-Control-Allow-Origin https://console.apply.local ,控制台中也不再报错。如图8
图8
需要长期技术维护或远程问题排查?
我是拥有 15+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。
发表回复