跨域问题

艾玛,跨域了

       跨域问题大多是在前后端分离开发的时候产生的,解决跨域的方式有很多,由于比较熟悉后台开发,就选择在后台处理解决这个问题,具体什么是跨域,在网上看了一些文章,也不知道到底那个人说的是准确的,反正我大概总结就是访问与被访问没在同一个服务器,如果不在同一个服务器,浏览器的同源策略就会发挥作用,出现跨域问题,页面提示下图样式:(具体的啥叫一个域,啥不是一个域,具体我也解释不清楚,在这就不误人子弟了…(/偷笑/偷笑/偷笑))

报错提示

#####首先看下我的代码

#####后台代码

	@RequestMapping(value = "/test", method = RequestMethod.POST)
	@ResponseBody
    public Result test(@RequestParam(value="pageNum",defaultValue = "1")){
    
        return changChengService.test(pageNum);
    }

#####前端请求

$(function(){		
	$.post("http://xxx.xxx.xx.xxx:xxxx/test", function(data) {
		console.log(data)
		});
})

本地访问服务器出现跨域问题!解决问题如下:

---

假装技术科普：

Spring MVC 从4.2版本开始增加了对CORS的支持,在spring MVC 中增加CORS支持非常简单，可以配置全局的规则，也可以使用@CrossOrigin注解进行细粒度的配置。

看下源码了解该注解支持的属性：

@Target({ ElementType.METHOD, ElementType.TYPE })  
@Retention(RetentionPolicy.RUNTIME)  
@Documented  
public @interface CrossOrigin {  
  
    String[] DEFAULT_ORIGINS = { "*" };  
  
    String[] DEFAULT_ALLOWED_HEADERS = { "*" };  
  
    boolean DEFAULT_ALLOW_CREDENTIALS = true;  
  
    long DEFAULT_MAX_AGE = 1800;  
  
  
    /** 
     * 同origins属性一样 
     */  
    @AliasFor("origins")  
    String[] value() default {};  
  
    /** 
     * 所有支持域的集合，例如"http://domain1.com"。 
     * <p>这些值都显示在请求头中的Access-Control-Allow-Origin 
     * "*"代表所有域的请求都支持 
     * <p>如果没有定义，所有请求的域都支持 
     * @see #value 
     */  
    @AliasFor("value")  
    String[] origins() default {};  
  
    /** 
     * 允许请求头重的header，默认都支持 
     */  
    String[] allowedHeaders() default {};  
  
    /** 
     * 响应头中允许访问的header，默认为空 
     */  
    String[] exposedHeaders() default {};  
  
    /** 
     * 请求支持的方法，例如"{RequestMethod.GET, RequestMethod.POST}"}。 
     * 默认支持RequestMapping中设置的方法 
     */  
    RequestMethod[] methods() default {};  
  
    /** 
     * 是否允许cookie随请求发送，使用时必须指定具体的域 
     */  
    String allowCredentials() default "";  
  
    /** 
     * 预请求的结果的有效期，默认30分钟 
     */  
    long maxAge() default -1;  
  
}  

使用注解后

	@CrossOrigin
	@RequestMapping(value = "/test", method = RequestMethod.POST)
	@ResponseBody
    public Result test(@RequestParam(value="pageNum",defaultValue = "1")){
    
        return changChengService.test(pageNum);
    }

---

好啦!