javascript - CORS + Cordova : issues with : Access-Control-Allow-Origin

Question

我已经在这个问题上搜索了几个小时，但我仍然找不到任何解决方案。

我正在开发 App cordova(主要是 HTML/JS)所以:该应用程序从导航器在移动设备上运行，我无法向 API 发出 ajax 请求:https://developer.riotgames.com/但是假设我只想获取 google 页面。

我到底该怎么做，这可能吗？这是一个简单的例子:

$.ajax({
    type: "GET",
    url: "https://google.com",
    dataType: "text",
    success: function(response){
        alert("!!!");
    },
    error: function(error){
        alert("...");
    }
});

我一次又一次地遇到同样的错误:

XMLHttpRequest cannot load https://google.com/. No'Access-Control-Allow-Origin' header is present on the requestedresource. Origin 'null' is therefore not allowed access

'null' 的起源是因为我从以下位置运行代码:file:///D:/Projets/LoL/www/index.html 我读到导航器正在阻塞，但是如果我使用 --disable-web-security 禁用安全性，它也不起作用当然，我无权访问我想加入的服务器。

Answer 1

您需要 Cordova 白名单插件:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/ .

在 config.xml 中有这个:

<access origin="*" />
<allow-navigation href="*"/>

并在 index.html 中包含 Content-Security-Policy 元数据。像这样的东西:

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data:">