Я работаю над приложением shopify с использованием Polaris React, которое я собираюсь встроить, предоставив аргумент apiKey в. Поэтому мое приложение выглядит так:
ReactDOM.render(
<AppProvider
forceRedirect={true}
apiKey="xxxxxxxxxxxxx">
<App />
</AppProvider>,
document.getElementById('root'),
);
<App>
содержит <Modal>
, который отлично работал в не встроенном режиме, но когда я пытаюсь открыть его, когда приложение находится во встроенном режиме (добавляя apikey в AppProvider), модальное окно не открывается. Если я смотрю на консоль, появляется следующее сообщение об ошибке:
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: *
в заголовке, но это не помогло.