Question

Vue axios发布请求

axios.post(`${this.host}:${this.port}/apiv2/login`, {
        body: {
          userName: this.user,
          password: this.pwd
        }
      });

导致错误：

Access to XMLHttpRequest at 'http://localhost:9047/apiv2/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

python请求，邮递员或简单的curl可以毫无错误地完成工作

curl 'http://localhost:9047/apiv2/login' -H 'Content-Type: application/json' --data-binary '{"userName":"user","password":"pass"}'

更新：这是我的解决方案：

我添加了NodeJS服务器（localhost：8081）。现在，Vue（localhost：8080）正在访问NodeJS，NodeJS正在查询Dremio API（localhost：9047）。

只有静态Vue应用程序的想法行不通。

Answer 1

第一：尝试在内部添加{'Access-Control-Allow-Origin': '*'}，然后重试。如果不起作用，请转到“ Localhost：8080”并将“访问控制源”设置为*，然后重试第一步。

Vue axios发布请求被CORS政策阻止

1 个答案: