当使用仅客户端的Stripe重定向到结账时,未识别的内容安全策略指令'worker-src'。

问题描述 投票:0回答:1

所以,我正在使用纯客户端(JS)的Stripe RedirectToCheckout,我一直没有出错,这很好。然而,我决定在我的Web应用程序中使用VueJS。因此,我通过CDN导入VueJS,并像往常一样进行设置。

我已经将stripe checkout功能移到了VueJS方法中。然而,现在当我运行stripe checkout时。它像往常一样重定向我,所有的测试支付都成功了。但我在控制台出现了以下错误。

Unrecognized Content -Security -Policy directive 'worker -src'.

所以有两件事我想知道。

  1. 是什么原因导致这个错误?- 我怎样才能修复它?
  2. 当我的stripe结账上线时,这个错误是否会成为一个问题。目前它没有造成任何重大错误。但它会不会是一个安全问题或阻止stripe上线后的工作?

商店.html

<!-- IMPORT STRIPE AND VueJS HERE -->

<div id="app">
  <button class="button" v-on:click="redirectToCheckout()">Pay £{{total}}</button>
  <div id="error-message"></div>
</div>

<script>

new Vue({
  el: '#app',
  data: {
   total: 2.50
  },
  methods: {
    redirectToCheckout() {
      var stripe = Stripe('STRIPE_KEY');
      stripe.redirectToCheckout({
        items: [

          // Add shipping fee
          {sku: 'sku_HCLoshvlZRCn7S', quantity: 1}
          ],

        successUrl: 'https://your-website.com/success.html?session_id={CHECKOUT_SESSION_ID}',
        cancelUrl: 'https://your-website.com/canceled.html',
      })
      .then(function (result) {
        if (result.error) {
          // If `redirectToCheckout` fails due to a browser or network
          // error, display the localized error message to your customer.
          var displayError = document.getElementById('error-message');
          displayError.textContent = result.error.message;
        }
      });
    }
  }
})
</script>

非常感谢:)

javascript vue.js stripe-payments content-security-policy
1个回答
0
投票

这是一个错误的 网络工作者 而不是Stripe Checkout的一部分。您的Vue设置很可能是 试图注册和使用工人 某处。对Checkout完全没有影响的可能性很小。

© www.soinside.com 2019 - 2024. All rights reserved.