CORS-Access-Control-Allow-Origin中的多个值

Question

我尝试从Vue App中的Wordpress API提取数据。 我正在使用DigitalOcean和Apache。

我已在虚拟主机中设置Header set Access-Control-Allow-Origin "*"。

但是现在我出现了这样的错误：

  

CORS策略已阻止从源“ http://localhost:3000”访问xxx处的XMLHttpRequest：“ Access-Control-Allow-Origin”标头包含多个值“ http://localhost:3000，*”，但仅允许一个。

我正在使用axios进行请求。

您有什么想法吗？ 是服务器端问题还是应该在axios配置中设置一些内容？

谢谢。

Answer 1

这是服务器端问题。您需要通过以下任一方式在apache配置中启用CORS：

1. 设置Header set Access-Control-Allow-Origin "*"-表示允许所有来源向此服务器发出请求
2. 设置Header set Access-Control-Allow-Origin "http://localhost:3000"

这告诉服务器接受来自此来源的请求，以进一步说明。

https://enable-cors.org/server_apache.html

Answer 2

将标题设置语句更改为：

标题始终设置访问控制允许来源“ *”

否则，Apache将在请求中将源地址添加到标头中，这会导致问题。