Stripe Js 发出意外警告和错误答案

【问题标题】：Stripe Js making unexpected warning and errorsStripe Js 发出意外警告和错误
【发布时间】：2023-02-05 08:59:29
【问题描述】：

我正在尝试在我的项目中使用 stripe 库，并在设置它时在我的控制台中遇到一些错误和警告

我添加了这两行代码

import { loadStripe } from "@stripe/stripe-js"; const stripePromise = loadStripe(process.env.stripe_public_key);

错误和警告在控制台中是这样的：

v3:1 您可以通过 HTTP 测试您的 Stripe.js 集成。但是，实时 Stripe.js 集成必须使用 HTTPS。发布 https://m.stripe.com/6 net::ERR_BLOCKED_BY_CLIENT

这是正常的吗？我还没有尝试任何东西，因为我也是 nextjs 和 stripe 的新手

【问题讨论】：

你读过错误吗？您要么需要在开发中处理它是 HTTP，要么使用代理（ngrok、cloudflared 等）使其在开发中成为 HTTPS。一旦你投入生产，如果你设置正确，它将在 HTTPS 中（通常会自动完成，具体取决于你在哪里/如何托管它）

【解决方案1】：

这可能会有所帮助，因为它将 api 密钥暴露给前端。它不安全，但可以解决问题。 process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY

【讨论】：

【解决方案2】：

对于将来看到此内容的任何人：

这可能与您的广告屏蔽冲突： user nmaier explanation here

【讨论】：