App Proxy not working

Shopify Apps
,
1

I have created a Shopify custom app using remix so in theme extension I am fetching the data from my app routes that I have defined like this /badge-data .
I have setup the app proxy in partners page also like this:

Subpath prefix : /apps

Subpath : /badge

Proxy URL : /badge-data

In the theme extension I am fetching data like this

async function getBadgeData() {
  try {
    const response = await fetch("/apps/badge", {
      method: "get",
    });
    console.log(response);

    if (!response.ok) {
      throw new Error("Network response was not ok");
    }
    const data = await response.json();
    console.log("data=", data);
    return data;
  } catch (error) {
    console.log("error", error);
  }
}

getBadgeData();

getting 404 error even though the route is exists . I have created proxy for other apps and they are working fine don’t know why this is not working

2

There can be only one proxy per app in a store, so if you are using the same proxy that is “/apps/badge” for all the apps then it may unintentionally convert it to “/apps/badge-1”. Be careful of that, and to verify it go Settings > Apps and Sales channel > Your app three dots > View Details from your admin page and check the actual proxy. Hopefully this solves your problem

3

Any fixes? I’m having the same issue and the answer from @shaunak is not working for me

4

That worked for me. Thanks!

5

hey, doublechecking your proxy path in the shopify admin settings may work. if the path was renamed due to duplication, update your app code to match new proxy path