Загрузить внешний скрипт домена в приложении Ember

Question

Я пытаюсь загрузить js из другого домена в моем приложении Ember. Однако я получаю следующую ошибку;

XMLHttpRequest не может загрузить https://external.main.com/my-client.js. Ответ на запрос перед полетом не проходит проверку контроля доступа. Нет заголовка «Access-Control-Allow-Origin» на запрошенном ресурсе. Происхождение 'http://localhost', следовательно, не допускается.

Ниже приведен код, я использую для вызова JS (AJAX)

var promise = new Ember.RSVP.Promise(function(resolve, reject) { 
    return $.ajax({ 
     url: requestUrl, 
     type: 'POST', 
     dataType: 'JSON', 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify(postData), 
     async: isAsync 
    }).success(resolve).error(reject); 
    }) 
    .catch(this.handleServerHTTPErrorCodes) 
    .then(this.handleCommonServerErrors); 
    return promise; 

Я также добавил на следующие конфигурации в environment.js

ENV.contentSecurityPolicy = { 
    'connect-src': "'self' https://external.main.com" 
} 

Как я могу загрузить внешний JS в Ember ?

Answer 1

Try:

ENV.contentSecurityPolicy = { 
    'connect-src': "'self' http://localhost" 
} 

В качестве временного решения, попробуйте это в Chrome:

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

EDIT: Почему вы пытаетесь загрузить JS файл с помощью Ajax? Обычно вы загружаете его в файл index.html, а затем можете получить доступ к его методам.