一、什么是跨域
前端页面与后台服务必须同源,即协议,域名,端口都要相同,其中有一个不同都会产生跨域;
如下图,加深理解
![580b21c7caf0a4eb4261e3e426b646c9.png](https://i-blog.csdnimg.cn/blog_migrate/9c8bf3ca79e133986d77437119a36100.jpeg)
二、解决方案
1、jsonp
前后端需要特殊处理,代码不够简洁通用。服务器返回jsonp格式。
不推荐
2、nginx
nginx起转发的作用,实际就是把web项目和后端接口项目放到一个域中,但是需要运维特殊配置,不够通用。
不推荐
3、cors
利用springboot 网关统一配置过滤器,所有请求经过该网关路由转发到内部各服务器,不需要前端再做任何处理。
记住这一点,强烈推荐。
附过滤器源码
@Configurationpublic class CorsConfig { @Bean public CorsFilter corsFilter() { final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); final CorsConfiguration config = new CorsConfiguration(); config.setAllowCredentials(true); // 允许cookies跨域 config.addAllowedOrigin("*");// #允许向该服务器提交请求的URI,*表示全部允许,在SpringMVC中,如果设成*,会自动转成当前请求头中的Origin config.addAllowedHeader("*");// #允许访问的头信息,*表示全部 config.setMaxAge(3600L);// 预检请求的缓存时间(秒),即在这个时间段里,对于相同的跨域请求不会再预检了 config.addAllowedMethod("*");// 允许提交请求的方法,*表示全部允许 source.registerCorsConfiguration("/**