.htaccess - Ionic - XMLHttpRequest 无法加载

Question

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

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

现在我明白了:

XMLHttpRequest cannot load ... Response for preflight has invalid HTTP status code 405

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

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

当我尝试向 http://app.example.com/api 发送请求时，出现 404 未找到错误

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

Answer 1

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