文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

尝试从Github API + Spring Boot获取到Angular时出现CORS错误

CORS（跨域资源共享）错误通常是由于浏览器的同源策略引起的。当你尝试从一个域名访问另一个域名的资源时，浏览器会阻止这种行为，除非目标服务器明确允许这种跨域请求。

要解决这个问题，你需要在Spring Boot应用中配置CORS策略，允许来自Angular应用的跨域请求。以下是一些常见的解决方案：

方法一：全局CORS配置

你可以在Spring Boot应用中添加一个全局的CORS配置，允许特定的域名访问你的API。

  1. 创建一个配置类：
代码语言：javascript
复制
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfig {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                        .allowedOrigins("http://localhost:4200") // 允许Angular应用的域名
                        .allowedMethods("GET", "POST", "PUT", "DELETE")
                        .allowedHeaders("*")
                        .allowCredentials(true);
            }
        };
    }
}
  1. 在控制器中应用CORS配置（可选）：

如果你只想在特定的控制器或方法上应用CORS配置，可以使用@CrossOrigin注解。

代码语言：javascript
复制
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MyController {

    @CrossOrigin(origins = "http://localhost:4200")
    @GetMapping("/data")
    public String getData() {
        return "Hello, CORS!";
    }
}

方法二：使用Filter配置CORS

你也可以通过实现一个自定义的Filter来处理CORS。

  1. 创建一个CORS Filter：
代码语言：javascript
复制
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 java.io.IOException;

public class CorsFilter implements Filter {

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest request = (HttpServletRequest) req;
        response.setHeader("Access-Control-Allow-Origin", "http://localhost:4200");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization, Content-Length, X-Requested-With");

        if ("OPTIONS".equalsIgnoreCase(request.getMethod())) {
            response.setStatus(HttpServletResponse.SC_OK);
        } else {
            chain.doFilter(req, res);
        }
    }

    @Override
    public void init(FilterConfig filterConfig) {
    }

    @Override
    public void destroy() {
    }
}
  1. 注册Filter：

在Spring Boot应用中注册这个Filter。

代码语言：javascript
复制
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
public class FilterConfig {

    @Bean
    public FilterRegistrationBean<CorsFilter> corsFilter() {
        FilterRegistrationBean<CorsFilter> registrationBean = new FilterRegistrationBean<>();
        registrationBean.setFilter(new CorsFilter());
        registrationBean.addUrlPatterns("/*");
        return registrationBean;
    }
}

方法三：使用Spring Security配置CORS

如果你使用了Spring Security，可以在安全配置中添加CORS配置。

代码语言：javascript
复制
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.cors().and().csrf().disable();
    }

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                        .allowedOrigins("http://localhost:4200")
                        .allowedMethods("GET", "POST", "PUT", "DELETE")
                        .allowedHeaders("*")
                        .allowCredentials(true);
            }
        };
    }
}

注意事项

  • 确保你允许的域名（例如http://localhost:4200）与你的Angular应用的运行地址一致。
  • 如果你在生产环境中部署应用，记得将http://localhost:4200替换为你的实际域名。
  • 如果你使用的是HTTPS，确保所有涉及的域名都支持HTTPS。

通过以上方法之一配置CORS后，你应该能够解决从Angular应用访问Spring Boot API时的CORS错误。

相关搜索:尝试获取api时出现CORS错误尝试从Upwork api获取数据时出现CORS错误从Angular Js调用API时出现CORS错误(Java web)调用Spring Boot API时出现404错误Axios PUT请求从React到Spring API时出现CORS错误尝试发布到Twilio API时出现CORS策略错误尝试将数据从angular项目发布到Spring Web服务项目时出现CORS错误从angular服务调用节点api时出现Cors问题尝试从react js使用axiom发送发布API时出现CORS策略错误从自己的域名拉取api时出现CORS错误尝试在Spring Boot和Hibernate中保存对象时出现字段错误尝试在Java Spring API中实现Swagger时出现错误消息尝试从api链接访问数据时出现405错误从linux中的systemd服务运行spring boot jar时出现错误尝试迭代Thymeleaf Spring Boot中的列表(<Object>)时出现"Exception evaluating expression“错误尝试从REST API检索文档时出现错误代码"INVALID_USERID“尝试将spring版本从5.1升级到5.2时出现错误从Spring请求哈希数时，Angular中出现"JSON语法错误:意外数字“尝试从github历史记录中删除文件时出现“‘refs/head/master’不变”错误为什么我在spring boot和react中从服务器端配置的时候会出现CORS错误？
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

点击加载更多

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券