在 Ember 应用程序中加载外部域脚本 [重复]

Question

我正在尝试在我的 Ember 应用程序中加载来自不同域的 js。但是，我收到以下错误；

XMLHttpRequest 无法加载 https://external.main.com/my-client.js。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 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"
}

如何在 Ember 中加载外部 JS？

Answer 1

试试：

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

作为临时解决方法，请在 Chrome 中尝试：

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

编辑： 为什么要尝试通过 Ajax 加载 JS 文件？通常你会在 index.html 文件中加载它，然后你就可以访问它的方法了。