ยฉ 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
Cloudflare DevelopersCD
Cloudflare Developersโ€ข2y ago
Purpur

[Resolved] Unable to POST on Cloudflare Pages

Hello, I've been trying to fix my code to get it to work for a few hours, but have been quite unsuccessful. Running a CF Pages site that is supposed to POST (server-side) to an external API. My code runs fine locally, but it doesn't POST on CF. I can't figure out why. Would appreciate any help. Does CF Pages not support server-side POST requests? I use a lot of GET requests so I'd be surprised if it doesn't support POST requests... Here is the relevant code:

export function collector(id: string, url: string, type: 'spark' | 'timings') {
  if (!url) return;
  return fetch(url + '/' + type, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ id }),
  }).catch(error => {
    console.error('Fetch error:', error);
    return Promise.reject(error);
  });
}

export const useResults = routeLoader$(async ({ params }) => {
  try {
    await collector(params.id, 'https://api.url.com', 'spark');
  } catch (error) {
    console.error('Collector error:', error);
  }
  return await analyzeProfile(params.id);
});

export default component$(() => {
  const results = useResults();
  return(...);
}
export function collector(id: string, url: string, type: 'spark' | 'timings') {
  if (!url) return;
  return fetch(url + '/' + type, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ id }),
  }).catch(error => {
    console.error('Fetch error:', error);
    return Promise.reject(error);
  });
}

export const useResults = routeLoader$(async ({ params }) => {
  try {
    await collector(params.id, 'https://api.url.com', 'spark');
  } catch (error) {
    console.error('Collector error:', error);
  }
  return await analyzeProfile(params.id);
});

export default component$(() => {
  const results = useResults();
  return(...);
}


edit: not exactly sure what I changed, but works now. Had something to do with viewing an outdated file that didn't actually exist instead of the real file.
Cloudflare Developers banner
Cloudflare DevelopersJoin
Welcome to the official Cloudflare Developers server. Here you can ask for help and stay updated with the latest news
85,042Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Cloudflare Pages Post-Build
Cloudflare DevelopersCDCloudflare Developers / general-help
3y ago
Unable to deploy my NextJs in cloudflare pages.
Cloudflare DevelopersCDCloudflare Developers / general-help
5mo ago
Cloudflare pages
Cloudflare DevelopersCDCloudflare Developers / general-help
10mo ago
Cloudflare Pages
Cloudflare DevelopersCDCloudflare Developers / general-help
14mo ago