如何在 Spring Boot 中启用 CORS - 不工作 [重复]

Question

我正在尝试在我的 Spring Boot 应用中启用 CORS，但它根本不起作用。

---

我试过了

• @CrossOrigin注解
• CORS with spring-boot and angularjs not working
• 还有这个https://spring.io/guides/gs/rest-service-cors/

我目前不知道如何解决此问题，也不知道 CORS 无法正常工作的问题是什么。

---

我的代码

控制器

@RestController
public class DbController {

    @Autowired
    private IDAO conn;

    @CrossOrigin
    @GetMapping("/foo")
    public List<Foo> getFoo() {
        return conn.getFooFromDao();
    }
}

DAO

    @Repository
    public class DaoImpl implements IDAO {

    @Autowired
    private JdbcTemplate temp;

    public List<Foo> getFooFromDao() {

        List<Foo> data = new ArrayList<>();

        String sql = "SELECT fooName FROM BigFoo ORDER BY fooName ASC;";

        data.addAll(temp.query(sql, new BeanPropertyRowMapper(BigFoo.class)));
        return data;
    }
}

---

预期：

我希望通过 any 方法从 any 源/域访问我的控制器。

实际：

我的控制器不能从任何源/域访问。它给我的 Angular 前端一个错误：

编辑：我在前端的错误

在 'localhost:8080/foo' 从源访问 XMLHttpRequest 'http://localhost:4200' 已被 CORS 策略阻止：跨源 请求仅支持协议方案：http、data、chrome、 chrome 扩展，https。

第二次编辑：

这是我在 Angular（前端）中的代码：

服务

getFoo() {
    return this.http.get("localhost:8080/foo");
  }

我正在使用来自import { HttpClient } from "@angular/common/http"; 的HttpClient

我还通过将 URL 复制并粘贴到我的浏览器中来验证该 URL 在该服务方法中是否有效。它确实返回了 JSON，它排除了错误 URL 或拼写错误的可能性。

Answer 1

将您的交叉原点放在控制器级别本身

@RestController
@CrossOrigin(origins = "*")
public class DbController {

    @Autowired
    private IDAO conn;

    @GetMapping("/foo")
    public List<Foo> getFoo() {
        return conn.getFooFromDao();
    }
}

这是 spring 推荐的直接解决方案，您还可以定义一个过滤器，允许所有响应跨源

@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() {}

}

另外你需要知道，你没有在你的代码快照中提到协议http或https，并且你还没有发送GET请求，当你开始订阅它时会发送请求这样

getFoo() {
    return this.http.get("http://localhost:8080/foo");
}

getFoo().subscribe(resp -> { // your logic });

// or directly inside getFoo() like this 
getFoo() {
    return this.http.get("http://localhost:8080/foo")
    .subscribe(resp -> { // your logic });
}

Answer 2

您需要为注解@CrossOrigin(origins = "*")添加来源