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>
