vue.js - 如何解决 ionic-vue 中的 CROSS Origin 问题？

Question

我是 Ionic 框架（使用 Vuejs）的新手，并试图制作简单的 Crud 应用程序。但是由于CORS问题，我无法登录。

浏览器控制台显示来自源“http://localhost:8100”的“http://localproject.test/api/login”处的 XMLHttpRequest 已被 CORS 策略阻止

我尝试了很多不同的解决方案，但没有成功请帮助。

提前致谢。

Answer 1

如果您的应用程序将在浏览器上运行，请使用代理服务器。

示例：我想发布到http://localproject.test/api/login。

在package.json中，我将添加这一行：

"proxy": "http://localproject.test/api"

我在登录组件中的 POST 请求：

     axios
          .post("/login", loginData)
          .then((response) => {
           ...
            }
            return response.data;
          })
          .catch((error) => {
            ...
          });

Answer 2

您将允许来自后端的 CORS。如果您想从头到尾解决 CORS 问题，您将使用 ionic HTTP native plugin link。不建议这样做，因为您无法跟踪来自网络选项卡的请求。

我的建议您需要从后端解决您的 CORS 问题。