在嵌入式应用中使用Shopify Polaris模态时发生原点错误

Question

我正在使用Polaris React开发一个shopify应用程序，我正在考虑通过在中提供apiKey参数来使其嵌入。因此，我的应用程序如下所示：

ReactDOM.render(
  <AppProvider
  forceRedirect={true}
  apiKey="xxxxxxxxxxxxx">
    <App />
  </AppProvider>,
  document.getElementById('root'),
);

<App>包含一个<Modal>，它在非嵌入式模式下可以完美运行，但是当我尝试在应用程序处于嵌入式模式（通过在AppProvider中添加apikey）时打开它时，模式不会没开如果我在控制台上看到以下错误消息：

Blocked a frame with origin "https://xxxxx.myshopify.com" from accessing a frame with origin "https://127.0.0.1:5000". Protocols, domains, and ports must match.

我似乎无法弄清楚是什么原因导致此错误，也无法解决。.

我尝试通过在标题中设置Access-Control-Allow-Origin: *来解决问题，但这没有帮助。