Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 错误无法在’XMLHttpRequest’上执行’open’:拒绝连接’http://192.168.XX.XXX:8080/TestApp/addRole/: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 *">

在我的休息服务上,我设置标题如下

我也安装了白名单插件,但没有运气

我该如何解决这个问题?请帮忙

解决方法

在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 – 错误无法在’XMLHttpRequest’上执行’open’:拒绝连接’http://192.168.XX.XXX:8080/TestApp/addRole/:Ionic全部内容,希望文章能够帮你解决angularjs – 错误无法在’XMLHttpRequest’上执行’open’:拒绝连接’http://192.168.XX.XXX:8080/TestApp/addRole/:Ionic所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: