shopOrigin forceRedirect: true yet ngrok urls persist clientside

[jenn11]

I'm making a POST request in my dev shop: 

//data
const metafieldInput = {¬
  "metafield": {¬
    "namespace": "customProductMetafields",¬
    "key": "productDetails",¬
    "value": detail,¬
    "value_type": "json_string"¬
  }¬
};¬
//request
axios.post( '/admin/metafields.json', {¬
  metafieldInput¬
})¬
 .then(function (response) {¬
  console.log(response);¬
})¬
.catch(function (error) {¬
  console.log(error);¬
});

Yet the shopOrigin forceRedirect doesn't seem to be working, or I don't have it applied properly, because the request is sent to 123.ngrok.io and not store.myshopify.com. 

This is a development store with a public app. The setup was followed from the Create a Shopify App with React and Node provided by Shopify.

[jenn11]

bumping as I'm still stumped on this.

[SBD_ · Accepted solution]

Hey @jenn11,

Force redirect detects if your app was loaded inside an iframe. If not, it will create a redirection back into the relative embedded URL in the Shopify admin.

To post the request to the myshopify url, you'll need to add the Shop to the URL like this.

[jenn11]

Apologies for the delayed acceptance, I was learning out your answer 🙂