Backend fetch function not working. Client says Uncaught (in promise)

Ask the community
,
1

Here is my backend function

import {fetch} from 'wix-fetch';

export function bulletinFeed() {
 return fetch("https://some.cool.url", {
 "method": "post",
 "headers": {
 "Content-Type": "application/json"
                },
 "body": JSON.stringify({"testKey": "testValue"})

        }).then((res) => {
 return res;
 
        });

}

This my client-side code:

import {bulletinFeed} from 'backend/bulletin.jsw';

$w.onReady(() => {
    bulletinFeed().then((bulletins) => {
        console.log(bulletins);
    });
});

I have an express app that I have set this POST endpoint up on. I can see the data coming through on my server logs, but my Wix website just returns an error on client. Picture of this error attached.

562×503 59.9 KB

Does anyone know why this incredibly simple fetch call is not working?

PS - Love wix code :slight_smile:

2

Try moving your return in the backend to the bottom, something like this:

return fetch(url, request)
.then(response => response.json());
}

Plus you don’t need the .jsw filename extension on the backend/bulletin import call.

Have a look in Wix Code Pages:

3

It’s alive! Thank you so much! I’m not very good at the fetch API! :slight_smile: