将 CORS 用于 Angularjs IONIC

Posted 2023-03-04

【中文标题】将 CORS 用于 Angularjs IONIC

【英文标题】：Using CORS for Angularjs IONIC

【发布时间】：2016-05-03 03:27:13

【问题描述】：

我正在使用 $http.post() 访问一个 api，但我得到了响应

XMLHttpRequest 无法加载 http://tester.com/cp/api/index.php?action=1。预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 Content-Type。

我已经在 index.php 中添加了<?php header('Access-Control-Allow-Origin: *'); ?>。

我不知道为什么它不起作用。

【问题讨论】：

看到这个***.com/questions/25727306/…。你也可以为开发安装chrome插件Allow-Control-Allow-Origin

【参考方案1】：

通过在控制台中执行以下行来创建在 NodeJS 顶部运行的代理服务：

npm install -g corsproxy

然后简单地启动代理：

corsproxy

它会询问你想在哪里/在哪个端口上运行它。选择一些东西，它会输出类似的东西（在我的例子中是这样的）：

http://localhost:8100/

然后你就可以提出如下请求：

http://localhost:8100/yourdomain.com/api/endpoint

请记住，“CORS 问题”仅在您本地计算机的浏览器上持续存在，因此当您从移动设备进行 API 调用时不需要 CORSPROXY。

在此处了解更多信息：http://ionicinaction.com/blog/how-to-fix-cors-problems-and-no-access-control-allow-origin-header-errors-with-ionic/