如何修复对Tomcat服务器进行API调用时的"被CORS策略阻止"错误

Question

当我试图使用axios对Tomcat 8服务器进行API调用时，出现了以下错误。

被CORS策略阻止：请求的资源上不存在“Access Control Allow Origin”标头。

Answer 1

>

  <filter>
  　　<filter-name>CorsFilter</filter-name>
  　　<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  　　<init-param>
  　　　　<param-name>cors.allowed.origins</param-name>
  　　　　<param-value>*</param-value>
  　　</init-param>
  </filter>

  <filter-mapping>
  　　<filter-name>CorsFilter</filter-name>
  　　<url-pattern>/*</url-pattern>
  </filter-mapping>

*重要：更改<代码>

您可能需要添加其他

进行API调用。

axios
.post('http://path/to/api'
, {xhrFields: {withCredentials: true},
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

我花了几个小时才明白，我必须拥有{xhrFields:{withCredentials:true}才能使它工作。

希望对你有帮助。