在 ionic 中调用 rest api 时遇到错误。
如果我在浏览器 firefox 或 chrome 上运行，那么它工作正常..
但是当我在 android 设备上运行时，它会出现以下错误:
Error: Failed to execute 'open' on 'XMLHttpRequest': Refused to connectto 'http://192.168.XX.XXX:8080/TestApp/addRole/' becuase it violates the document's content security Policy
at Error (native( at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:23357:16
我该如何解决这个问题
如果我在 index.html 中设置以下元标记如下，然后在 chrome 和 android 设备中出错..不在 firefox 中
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
在我的休息服务中，我将标题设置如下
responseHeaders.add("Access-Control-Allow-Origin", "*"); responseHeaders.add("Access-Control-Allow-Headers", "Content-Type");
我也安装了白名单插件但没有运气
我该如何解决这个问题？请帮忙
最佳答案
在 Android 上，您需要在 <head> 中设置 content-security-policy 元标记。 @index.html。
它看起来像这样:
<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' data: gap: 'unsafe-eval'; style-src * 'self' 'unsafe-inline'; connect-src * ; script-src * 'self' 'unsafe-inline'; media-src *">
在这种情况下，有很多不安全和不必要的标签几乎允许任何事情，但您可以在此处阅读更多关于它们的信息:
Cordova whitelist plugin content security policy
在同一页面中还有对网络请求白名单等其他内容的解释。
希望这可以帮助您解决问题。
关于angularjs - 错误 无法在 'open' : Refused to connect 'http://192. 168.XX.XXX:8080/TestApp/addRole/上执行 'XMLHttpRequest':Ionic，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36792306/