Como abrir o arquivo html no porta usada por outro aplicativo para evitar cross-origem do problema

Eu tenho executando o servidor de web app no meu localhost e a porta 8181. Eu posso usá-lo como iframe no meu index.html arquivo, como mostrado abaixo:

<iframe id="app" name="app" onload="appLoaded()" src="http://localhost:8181/application.html" width="1000" height="1000"></iframe>

E este iframe está carregando corretamente. O App tem a API do JavaScript que eu possa referir-se a partir do código JavaScript. No entanto quando tento usá-lo, por exemplo, como a seguir:

    function appLoaded() {
        var API = window.frames.app.IntegrationAPI;
        API.OnApplicationStateChanged({
            //do something
        });
    }

O problema ocorre. Na minha consola do browser, eu recebo um erro:

SecurityError: Permission denied to access property "IntegrationAPI" on cross-origin object

E se eu entendi corretamente é porque quando quero me referir a algo em iframe eu deve estar no mesmo servidor e a porta do aplicativo que meu iframe se refere. Então, como eu posso abrir o meu index.html arquivo sobre esta porta?

Eu estou usando o IntelliJ IDEA e eu tenho arleady tentar alterar a porta padrão do servidor interno, mas a minha index.html arquivo está abrindo a outra porta(provavelmente por causa web app está usando).

Obrigado antecipadamente

0
2019-09-17 14:57:05
origem
0 respostas

Veja mais perguntas por marcas