Так что я использую только для клиента (JS) Stripe RedirectToCheckout, и у меня не было ошибок, что было здорово. Однако я решил использовать VueJS для своего веб-приложения. Поэтому я импортировал VueJS через CDN и настроил его как обычно.
Я переместил функцию проверки полосы в метод VueJS. Тем не менее, теперь, когда я запускаю полосу проверки. Он перенаправляет меня, как обычно, и все тестовые платежи проходят успешно. Но у меня есть следующая ошибка в консоли:
Нераспознанная директива Content-Security-Policy 'worker-sr c'.
Итак, есть две вещи, которые я хочу знать.
- Что вызывает эту ошибку? - как я могу это исправить?
- Будет ли эта ошибка проблемой, когда моя проверка в полосе будет запущена. Это не вызывает каких-либо серьезных ошибок в данный момент. Но будет ли это из-за соображений безопасности или помешает работе полосы в прямом эфире?
shop. 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>
Большое спасибо:)