(九十七)java版spring cloud 多租户社交电子商务平台-前端跨域问题的解决方案

电子商务平台源码请加企鹅求求:三伍三六二四柒二五玖。当我们需要将spring boot以restful接口的方式对外提供服务的时候,如果此时架构是前后端分离的,那么就会涉及到跨域的问题,那怎么来解决...

电子商务平台源码请加企鹅求求:三伍三六二四柒二五玖。当我们需要将spring boot以restful接口的方式对外提供服务的时候,如果此时架构是前后端分离的,那么就会涉及到跨域的问题,那怎么来解决跨域的问题了,下面就来探讨下这个问题。


解决方案一:在Controller上添加@CrossOrigin注解


使用方式如下:

@CrossOrigin // 注解方式
@RestController
public class HandlerScanController {
	
	
	@CrossOrigin(allowCredentials="true", allowedHeaders="*", methods={RequestMethod.GET,
			RequestMethod.POST, RequestMethod.DELETE, RequestMethod.OPTIONS,
			RequestMethod.HEAD, RequestMethod.PUT, RequestMethod.PATCH}, origins="*")
	@PostMapping("/confirm")
	public Response handler(@RequestBody Request json){
		
		return null;
	}
}

解决方案二:全局配置


代码如下:


@Configuration
	public class MyConfiguration {
 
	    @Bean
	    public WebMvcConfigurer corsConfigurer() {
	        return new WebMvcConfigurerAdapter() {
	            @Override
	            public void addCorsMappings(CorsRegistry registry) {
	                registry.addMapping("/**")
	                .allowCredentials(true)
	                .allowedMethods("GET");
	            }
	        };
	    }
	}

解决方案三:结合Filter使用


在spring boot的主类中,增加一个CorsFilter

/**
     * 
     * attention:简单跨域就是GET,HEAD和POST请求,但是POST请求的"Content-Type"只能是application/x-www-form-urlencoded, multipart/form-data 或 text/plain
     * 反之,就是非简单跨域,此跨域有一个预检机制,说直白点,就是会发两次请求,一次OPTIONS请求,一次真正的请求
     */
    @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(18000L);// 预检请求的缓存时间(秒),即在这个时间段里,对于相同的跨域请求不会再预检了
        config.addAllowedMethod("OPTIONS");// 允许提交请求的方法,*表示全部允许
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");// 允许Get的请求方法
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }


  • 发表于 2019-06-21 11:22
  • 阅读 ( 205 )
  • 分类:Java基础

条评论

请先 登录 后评论
不写代码的码农
IT 小兵

355 篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除