使用 Netlify 部署后，我遇到了条带结帐重定向到条带支付页面的问题

Question

Hi I am trying to integrate stripe checkout into my webapp. Whenever I click on the "purchase button" which is supposed to redirect you to the stripe checkout page, I get this error VM97:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "I have a Node.js & express backend that is handling the api call to stripe

However, in the localhost environment, I go through the same flow it works perfectly fine just as its expected to. It will open up the checkout page with the customers cart. I only get that error previously stated when deployed.

This is the api endpoint to handle the response enter image description here

This is a call to the api in order to redirect to stripe enter image description here

I made a few changes to the await function. I was thinking maybe the response was failing before it made it to the final ".then". Reason because the error is saying uncaught in promise.

Answer 1

Your code looks fine. The fact it was working on local but failed on deployed environment hints that your deployed environment doesn't have the correct Stripe Secret key, therefore it errored (500) while processing, causing client unable to process the response.

You would want to debug deeper on your server log to see the detailed error, and also check on your Stripe request log .