浏览器没有触发保存密码提示弹窗问题分析

嗑瓜子儿消愁

于 2024-11-05 16:37:41 发布

阅读量1k

点赞数 4

文章标签：前端

本文链接：https://blog.csdn.net/weixin_45239102/article/details/143512109

版权

今天在一个新项目中发现了一个小问题，表单登录验证成功后，浏览器的自动保存密码弹窗没有像往常一样弹出，查找了网上的一些情况和解决办法，各种情况都有，最终锁定了我这里问题的关键：网页被标记为不安全,提示会被屏蔽。

即这是非安全类型网页：也就是说网页被标记为不安全,提示会被屏蔽，因为此时是https协议，需要确保服务器端配置的证书是有效的，对于前端vue项目来说，可以在vue.config.js配置中更改此项配置，设置https为false，改完后重启项目，再次登录，保存密码弹窗成功展示。不过这只是本地调试可以使用的方法，生产环境中需要确保服务器配置了由受信任的证书颁发机构（CA）颁发的有效 SSL/TLS 证书。可以购买商业证书或使用免费的证书颁发机构如 Let's Encrypt 来获取合法证书，并正确配置到服务器上，便可解决这个问题。