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

时间:2019-04-08 18:49:29

标签: reactjs shopify polaris

我正在使用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: *来解决问题,但这没有帮助。

0 个答案:

没有答案