ionic XMLHttpRequest cannot load http://localhost:8080/...

最新推荐文章于 2022-09-15 10:47:41 发布

原创最新推荐文章于 2022-09-15 10:47:41 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ionic #xmlhttprequest #跨域

Ionic 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在Ionic项目中解决HTTP请求访问本地API时遇到的跨域问题。通过安装cordova-plugin-whitelist插件，并在config.xml文件中配置相应的访问控制，以及调整Chrome浏览器设置来禁用网页安全检查。

在ionic项目里http请求访问本地API，出现跨域的问题。错误信息：XMLHttpRequest cannot load http://localhost:8080/Moonlighting/area/getAreas Response to preflight request doesn't pass access control check: A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://localhost:8100' is therefore not allowed access. The credentials mode of an XMLHttpRequest is controlled by the withCredentials attribute.

解决步骤：

1.在终端项目目录下输入 cordova plugin add cordova-plugin-whitelist

2.在config.xml里添加 :

<allow-intent href="*"/>

<allow-navigation href="http://*/*" />

3.关闭chrome浏览器，在图标上右键选择属性，快捷方式，在目标栏目的后面添加 --disable-web-security --user-agent="Android" --user-data-dir="C:/temp-chrome-eng，确定