Como contornar o Chrome Access-control-allow-origin no sistema de arquivos local?
Eu li os outros tópicos da mesma política de origem aqui no SO, mas não vi nenhuma solução relacionada ao sistema de arquivos local.
Eu tenho um aplicativo da web (em um sentido amplo da palavra) que deve ser veiculado localmente. Estou tentando carregar uma grande quantidade de dados depois que o usuário carrega a página, dependendo do que eles estão fazendo na página da web. No Firefox 3.5 e IE8, posso usar os métodos AJAX () e GetScript () do jQuery, mas no Chrome isso falha devido à mesma política de origem.
XMLHttpRequest Não pôde carregarfile://test/testdir/test.js. Origemnull não é permitidoby Access-Control-Allow-Origin.
Isso acontece quando eu faço algo simples como
$.getScript("test.js");
Isso funciona perfeitamente no IE e no Firefox.
Depois de ler um monte sobre isso, decidi tentar escrever diretamente no cabeçalho do documento. No console do Chrome, digitei o seguinte:
var head = document.getElementsByTagName("head")[0];
var script =document.createElement('script');
script.id = 'uploadScript';
script.type = 'text/javascript';
script.src = "upload.js";
head.appendChild(script);
Isso funciona bem quando colado no console - o<script...test.js</script> O elemento é adicionado ao cabeçalho, avaliado e o conteúdo carregado no DOM.
Eu pensei que isso foi bem-sucedido, até que eu coloquei esse código em uma chamada de função. O mesmo código exato, quando chamado de uma função, adiciona o elemento ao, mas não avalia o arquivo JavaScript. Eu não consigo descobrir o porquê. Se eu usar o console do Chrome para interromper a execução no método em que ele está adicionando o elemento e executar o código acima, ele não será avaliado. No entanto, se eu interromper a execução e executar exatamente o mesmo código (colando-o na janela do console), ele funcionará. Estou sem saber para explicar isso. Alguém já lidou com isso antes?
Eu li as seguintes postagens do SO, mas elas não estão descrevendo o problema que tenho:
Maneiras de contornar a política de mesma origem
XMLHttpRequest A origem nula não é permitida Access-Control-Allow-Origin para o arquivo: /// to file: /// (Serverless)
XMLHttpRequest entre sites
Mais uma vez, meu último recurso é carregar todos os dados na carga da página da Web. Isso pode causar um atraso de até 10 segundos no carregamento da página da Web desnecessária para 90% dos usuários do aplicativo.
Obrigado por todas as sugestões / alternativas !!!