Load external domain script in Ember app

Question

I am trying to load a js from a different domain in my Ember app. However, I get the following error;

XMLHttpRequest cannot load https://external.main.com/my-client.js. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

Below is the code I use to call the 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;

I also added the folowing config in environment.js

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

How can I load an external JS in Ember ?

But like I said, I already tried with the contentSecurityPolicy — copenndthagen, Apr 05 '16 at 11:47

stijn.aerts · Answer 1 · 2016-04-05T11:56:01.643

-2

Try:

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

As a temporary workaround, try this in Chrome:

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

EDIT: Why are you trying to load a JS file through Ajax? Normally you would load it in, in the index.html file and then you can access its methods.

edited Apr 05 '16 at 11:56

answered Apr 05 '16 at 11:48

stijn.aerts

6,026
5
30
46

Thanks and do I need to make any updates to dataType: 'JSON', ? I am getting a JS which exposes some objects – copenndthagen Apr 05 '16 at 11:52
I need to execute one of the methods returned inside this external JS (object.method) – copenndthagen Apr 05 '16 at 11:53
You need to import the js file in the index.html file and then you can call its methods. – stijn.aerts Apr 05 '16 at 11:55
This is an external file & I can only access it via AJAX.. – copenndthagen Apr 05 '16 at 11:57
Look at https://api.jquery.com/jquery.getscript/ – stijn.aerts Apr 05 '16 at 12:01

Load external domain script in Ember app

1 Answers1