Блог

Главная - Вопросы по программированию - URL перенаправления расширения Stripe Firefox Chrome не работает

URL перенаправления расширения Stripe Firefox Chrome не работает

#javascript #reactjs #firefox #google-chrome-extension #stripe-payments

#javascript #reactjs #firefox #google-chrome-extension #stripe-платежи

Вопрос:

Похоже, что этот вопрос задавался много раз, но каждый раз имеет немного другой ответ, который не применим. Я беру расширение Chrome и пытаюсь перенести его в Firefox. Это реагирующее приложение, которое использует HTML-страницу для загрузки моего App.js .

мой manifest.json:

   "web_accessible_resources": ["images/*"],
  "content_security_policy": "script-src 'self' https://apis.google.com/; script-src-elem https://js.stripe.com; object-src 'self'"
}

мой HTML-файл:

 ...
  <div id="root"> </div>
  <script src="https://js.stripe.com/v3/"></script>
  <script src="App.js"></script>
</body>

мой App.js файл:

 import { loadStripe } from "@stripe/stripe-js";

 if (sessionId) {
        // We have a session, let's redirect to Checkout
        // Init Stripe
        const stripe = loadStripe(STRIPE_PUBLISHABLE_KEY);
        stripe.redirectToCheckout({ sessionId });
      }

Сбой, потому что он продолжает выдавать следующую ошибку:
Скриншот сообщения об ошибке

Я не могу понять, в чем проблема, и хотел бы получить помощь!

Комментарии:

1. script-src-elem не представляется допустимой директивой CSP для расширений Chrome. Попробуйте использовать script-src вместо stripe.js : stripe.com/docs/security/guide#content-security-policy

2. та же проблема… Content Security Policy: The page’s settings blocked the loading of a resource at https://js.stripe.com/v3/ (“script-src”).

Ответ №1:

Проблема была исправлена, когда я удалил apis.google.com — на случай, если кому-нибудь это понадобится в будущем, stripe приступила к работе.