如何为 http 和 localhost 启用 Chrome 信用卡自动填充？

Question

我需要覆盖此“自动信用卡填写已禁用，因为此表单不使用安全连接”错误以进行本地开发和测试。

Answer 1

一个选项是在您的本地主机上启用https。 为此，here's a good ressource。

来自文章：

• 安装mkcert
• 然后运行$ mkcert -install
• $ mkcert localhost 为本地主机创建证书。 （它会为您提供每个创建的证书的路径）
• 然后您可以将这些证书与您的服务器一起使用，以通过https 提供内容（mkcert 自述文件 上提供了示例）

根据您的用例，它可能会有所不同。 要启动并运行它，我建议您寻找针对特定案例的解决方案。

例如：

• Express and https on localhost 的解决方案
• 或本地主机上的 Nuxt JS 和 https (doc + instructions)

在这两种情况下，您可能需要在之后验证证书。 This SO answer解释的很好。

如果您找到/找到了一个好的解决方案，请告诉我。

Answer 2

如果您使用的是 AMP 解决方案（即：MAMP、WAMPP XAMPP、Valet 等），您可以轻松启用 https。

但是，Chrome 不会显示信用卡自动填充，因为证书无效或无法验证。

在这种情况下，您可以在导航栏中访问 c​​hrome://flags/#unsafely-treat-insecure-origin-as-secure，并在那里添加您的域。

完成后，只需点击位于本页末尾的重新启动按钮。