美文网首页
Springboot中配置CORS解决前后端分离跨域问题

Springboot中配置CORS解决前后端分离跨域问题

作者: 我本佛山人 | 来源:发表于2017-08-07 16:36 被阅读0次
image.png

Spring Boot:

/**
 * @ClassName: CorsConfig
 * @Description: 解决前后端分离调用时跨域问题.注意安全风险,更细粒度的控制,可在方法上 @CrossOrigin(origins = "url")
 * @author lengyu
 * @date 2017年7月22日 下午2:52:59
 * 
 */
@Configuration
public class CorsConfig {
    @Autowired
    private VhscProperties vhscProperties;

    @Bean
    public FilterRegistrationBean corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin(vhscProperties.getAllowedOrigins());
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        source.registerCorsConfiguration("/**", config);
        FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
        bean.setOrder(0);
        return bean;
    }

}

前端Ajax:

<script type="text/javascript">
    $(".btn").click(function() {
        $.ajax({
                url: 'http://www.b.com:8080/sys/config/list?limit=10&page=1&sidx=&order=asc',
                type: 'post',
                headers: {
                    "token": "63663b1edc9510c5cc2dcb364f6ce52b"
                },
                dataType: 'json'
            })
            .done(function(data) {
                console.log(data);
            })
    })
</script>

相关文章

网友评论

      本文标题:Springboot中配置CORS解决前后端分离跨域问题

      本文链接:https://www.haomeiwen.com/subject/ebsalxtx.html