离子 - XMLHttpRequest 无法加载答案

【问题标题】：Ionic - XMLHttpRequest cannot load离子 - XMLHttpRequest 无法加载
【发布时间】：2018-02-02 15:42:54
【问题描述】：

我有一个 Ionic PWA，所以它可以在浏览器中运行。我正在尝试向我的 symfony 后端发送请求。起初，我在本地电脑上安装了所有东西，并且请求正在使用离子代理。现在我已经在服务器上安装了这两个应用程序。起初我尝试使用来自后端的 url 没有代理。然后出现了CORS错误。然后我用以下输入为后端编写了一个 .htaccess 文件：

Header add Access-Control-Allow-Origin "\*"
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

现在我得到了这个：

XMLHttpRequest 无法加载 ... 预检响应具有无效的 HTTP 状态代码 405

如果我像以前一样在本地安装上设置代理，如下所示：

"proxies": [
    {
      "path": "/api",
      "proxyUrl": "http://api.example.com/api"
    }
  ]

当我尝试向 http://app.example.com/api 发送请求时收到 404 not found 错误

谁能告诉我当前端和后端在服务器上并且应用程序在浏览器中运行时它会如何正常工作？

【问题讨论】：

标签： .htaccess http ionic-framework ionic2 cors

【解决方案1】：

如果您收到 405 回复，这是一个不受支持的方法错误，因此您的服务器似乎未配置为处理 OPTIONS 请求。这导致飞行前 CORS 请求被拒绝。

【讨论】：

是的，但我的 .htaccess 中有 OPTIONS，就像您在上面看到的那样。还是我必须以不同的方式来做？
您只是在上面添加了一个响应标头。看起来问题是您的服务器未配置为接受 OPTIONS 请求。查看其他答案：stackoverflow.com/questions/43696369/…