I am trying to integrate Paddle payment into the website, and I have implemented the basic payment link according to the official tutorial.
https://developer.paddle.com/build/checkout/build-overlay-checkout
But localhost:5173 keeps showing an error
[Report Only] Refused to frame 'https://sandbox-buy.paddle.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors http://localhost".
Understand this errorAI
5Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.Understand this warningAI
userscript.html?name=%25E8%25A7%25A3%25E9%2599%25A4%25E7%25BD%2591%25E9%25A1%25B5%25E9%2599%2590%25E5%2588%25B6.user.js&id=a185c09c-803f-4809-a5c0-eb7522366be2:364 key: {"type":"domain","url":"sandbox-buy.paddle.com"}
4.0f9ea896.chunk.js:2
POST https://sandbox-checkout-service.paddle.com/transaction-checkout 400 (Bad Request)
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
e.exports @ 4.0f9ea896.chunk.js:2
e.exports @ 4.0f9ea896.chunk.js:2
Promise.then
l.request @ 4.0f9ea896.chunk.js:2
r.forEach.l.<computed> @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ main.44ffb68e.chunk.js:1
l @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
r @ 4.0f9ea896.chunk.js:2
u @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ main.44ffb68e.chunk.js:1
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ main.44ffb68e.chunk.js:1
l @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
r @ 4.0f9ea896.chunk.js:2
u @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
e @ main.44ffb68e.chunk.js:1
(anonymous) @ main.44ffb68e.chunk.js:1
(anonymous) @ main.44ffb68e.chunk.js:1
Ic @ 4.0f9ea896.chunk.js:2
t.unstable_runWithPriority @ 4.0f9ea896.chunk.js:2
qi @ 4.0f9ea896.chunk.js:2
Pc @ 4.0f9ea896.chunk.js:2
(anonymous) @ 4.0f9ea896.chunk.js:2
D @ 4.0f9ea896.chunk.js:2
_.port1.onmessage @ 4.0f9ea896.chunk.js:2Understand this errorAI
client:223 [vite] hot updated: /components/Sponsor.vue
Sponsor.vue:15 Paddle initialized
