Emberアプリケーションで外部ドメインスクリプトをロード

Question

Emberアプリケーションの別のドメインからjsをロードしようとしています。しかし、私は次のエラーを取得します。

XMLHttpRequestは、https://external.main.com/my-client.jsをロードできません。プリフライト要求への応答がアクセス制御チェックを通過しない：要求されたリソースに「アクセス制御許可」がない。 Origin 'http://localhost'はアクセスできません。以下は

は

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でfolowing設定を追加しました私はJS（AJAX）を呼び出すために使用するコードです

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

私はエンバーで外部JSを読み込むことができますどのように？

Answer 1

試してみてください。一時的な回避策として

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

、Chromeでこれを試してみてください。

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

EDIT： は、なぜあなたはAjaxを経由JSファイルをロードしようとしていますか？通常、index.htmlファイルにロードしてから、そのメソッドにアクセスできます。