Issues when uploading to production server - Web Payments

Hi
I’ve followed the below guide web-payments-quickstart, which works fine on my ‘localhost’ but when I upload to the ‘production’ server I get a 404 for the ‘/payment’ file/endpoint.
Seems to be related to the following code snippets. But I’m not 100% sure on what I need to upload and setup on the production server.
Attached are some console screenshots, one of the error/console and another of the ‘network’
Any help will be greatly appreciated!

const paymentResponse = await fetch('/payment', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body,
        });
module.exports = router(
  post('/payment', createPayment),
  post('/card', storeCard),
  get('/*', serveStatic)
);

:wave: It looks the path to CreatePayment isn’t correctly defined in your production server and that’s why this error is being returned. You’ll want to double check the path is correctly defined so your server can process the payment. :slightly_smiling_face:

This is the same issue as I’ve got, Bryan when you say the path to CreatePayment isn’t correctly defined. where should I be defining it?

You’ll define the path to the CreatePayment function on the client side. It needs to be accessible to process the payment. :slight_smile:

Did you finally fixed the issue I am having the same problems

Is this with our Quickstart? Have you gone through the steps to deploy your application? :slight_smile:

Im using the card-payment.html from your QuickStart sdk which works perfectly on the localhost:3000 but as soon as I put the page into a website on the same server, I get the problem.

When you say define the path to the CreatePayment function on the client side, do you have a example of how that might read/look

Im still using sandbox credentials at the moment