在 Spring Boot 后端/Angularjs 前端应用程序中允许多个跨域？

Question

我在当前工作的 Web 应用程序中收到以下错误，这里是 ErrorCode：

XMLHttpRequest 无法加载 http://rev-final.staging.cashu.com:8080/merchants/signup。 “Access-Control-Allow-Origin”标头包含多个值“*、*”，但只允许一个。 Origin 'http://localhost:3000' 因此不允许访问。

那么我能做些什么来解决这样的问题，并且解决方案必须来自角度侧或弹簧侧，因为我在寻找解决方案时都在寻找配置

Answer 1

只需在您的组件扫描包中添加以下类，然后一切都将在 spring 处理。请参考here 以获取更多参考..

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Component;

@Component
public class SimpleCORSFilter implements Filter {

private final Logger log = LoggerFactory.getLogger(SimpleCORSFilter.class);

public SimpleCORSFilter() {
log.info("SimpleCORSFilter init");
}

@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {

HttpServletRequest request = (HttpServletRequest) req;
HttpServletResponse response = (HttpServletResponse) res;

response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me");

chain.doFilter(req, res);
}

@Override
public void init(FilterConfig filterConfig) {
}

@Override
public void destroy() {
}

}