美文网首页
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