HELP with fetch on frontend

Ask the community
, ,
1

My backend code (at http-functions.js) runs smoothly and retrieves the data I need to fetch to a 3rd party domain (userId). Here it is:

import {response} from 'wix-http-functions';
import wixData from 'wix-data';
import  wixUsers from 'wix-members-backend';

export function get_myFunction(request) {
  let userId = wixUsers.currentMember;
  let query = wixData.query("PageVisits");
  query.eq("userId", userId);
  return query.find()
    .then(results => {
      let data = results.items[0];
      return response({ 
       "headers": { "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
      "Access-Control-Allow-Headers": "Content-Type, *",
      "Access-Control-Max-Age": "86400", 
      "Content-Type": "application/json" }, 
      "body": JSON.stringify(data)
      });
    })
    .catch(error => {
      console.error(error);
      return response({ 
        "body": JSON.stringify({ "error": "An error occurred." }), 
        "headers": { "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
      "Access-Control-Allow-Headers": "Content-Type, *",
      "Access-Control-Max-Age": "86400", 
      "Content-Type": "application/json" }, 
        "status": 500 
      });
    });
}

But as soon as I run my frontend code to call this backend function, the user id turns null in the dev tools in the browser. In the editor console no errors are shown.

$w.onReady(function () {
  const hostname = location.hostname;
  
  if (hostname === '3rd-party-website-url') {
    fetch('/_functions/get_myFunction', {
      method: 'GET'
    })
      .then((response) => {
        console.log(response.status);
        return response.json(); 
      })
      .then((body) => {
        console.log('JSON:', body);
        const data = JSON.parse(body);
        console.log('Data:', data);

        console.log("ID is obtained:", wixUsers.currentUser.id);
        console.log('UserID:', data.userId);
        
        fetch('https://3rd-party-website-url/print/print.db', {
          method: 'POST',
          body: JSON.stringify(data)
        })
          .then(response => {
            console.log(response);
          })
          .catch(error => {
            console.error(error);
          });
      })
      .catch((error) => {
        console.error(error);
      });
  }
});

Can anyone explain how to fix it, please?