Question

尝试使用来自几个不同资源的公共API数据并获取CORS错误：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access.

尝试在Vus.js cli webpack中向dev服务器添加自定义标头。我尝试过添加

＆＃13;

    headers: {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
      "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
    },

＆＃13;

在两个文件中：/build/webpack.dev.conf.js对象中的devServer以及/config/index.js对象中的dev。

无论如何，错误仍然存在。

如何正确地将标头添加到devServer？

Answer 1

这是服务器端问题。它应该在服务器中解决。我主要使用Tomcat服务器。所以，这是我经常看到的问题。

如果您使用curl或类似POSTMAN之类的东西并发出API请求并获得良好响应，那么这意味着它肯定是您需要在API服务器端添加的，而不是Vue端。

否则，请仔细检查您要发送的请求。

将Access-Control-Allow-Origin标头添加到vuejs CLI webpack服务器

1 个答案: