1.什么是跨域

跨域，即跨站HTTP请求(Cross-site HTTP request)，指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。

2.跨域的应用情景

当使用前后端分离，后端主导的开发方式进行前后端协作开发时，常常有如下情景：

    后端开发完毕在服务器上进行部署并给前端API文档。
    前端在本地进行开发并向远程服务器上部署的后端发送请求。
    在这种开发过程中，如果前端想要一边开发一边测试接口，就需要使用跨域的方式。

 

3. 解决跨域

                  （1）jsonp
                                   

                  （2）spring4.2之后在具体调用的方法上面添加注解

    
    

解决方案：

在spring框架4.2版本后，Spring给出了注解的方式解决问题。

即在Controller控制器中，在Controller注解上方添加@CrossOrigin注解。

 

但是使用这种方式后也有可能仍然出现跨域问题，解决方案之一就是：

 

在@RequestMapping注解中没有指定Get、Post方式，具体指定后，问题解决

@CrossOrigin(origins ="*", maxAge =3600)@RestController@RequestMapping("/User")publicclassUserController{ }

 

@CrossOrigin("http://test.com")@CrossOrigin(origins="http://test.com",maxAge=3600)

 

 

 
 

       （3）通过配置文件来允许跨域，在springmvc中

在web.xml中添加如下配置：

   
        CorsFilter
        /*
   

使用这个Filter即可让整个服务器全局允许跨域

        

       （4）设置response中设置header信息

       


       （5）httpclient处理


     （6）值得推荐的方式：在配置文件中配置filter，轻松解决跨域问题。

1. JSONP跨域【目前已基本不用了】

JSONP(JSON with Padding: 填充式JSON)，应用于JSON的一种新方法。

JSON、JSONP的区别：

- JSON返回的是一串数据，JSONP返回的是脚本代码(包含一个函数调用)

- JSONP只支持get请求、不支持post请求（类似往页面添加一个script标签，通过src属性去触发对指定地址的请求，故只能是Get请求）

JSONP应用的技巧：

在HTML标签里，一些标签比如script、img这样的获取资源的标签是没有跨域限制的。

2. CORS跨域

后端修改请求头

header(‘Access-Control-Allow-Origin:*’);允许访问的网址

header(‘Access-Control-Allow-Method:POST,GET’);允许访问的方式

3. nginx反向代理

www.baidu.com/index.html需要调用www.sina.com/server.php,可以写一个接口www.baidu.com/server.php,由这个接口在后端去调用www.sina.com/server.php并拿到返回值，然后再返回给index.html

4. document.domain

跨域分为俩种，一种xhr不能访问不同源的文档，另一种是不同window之间不能进行交互操作；

document.domain主要解决第二种情况，且只能适用于主域相同子域不同的情况；

document.domain的设置是有限制的，我们只能把document.domain设置成自身或更高一级的父域，且主域必须相同。例如： a.b.example.com 中某个文档的document.domain可以设成a.b.example.com、b.example.com、example.com中的任意一个，但是不可以设成c.a.b.example.com,因为这是当前域的子域，也不可以设成baidu.com，因为主域已经不相同了。

1.什么是跨域

跨域，即跨站HTTP请求(Cross-site HTTP request)，指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。

2.跨域的应用情景

当使用前后端分离，后端主导的开发方式进行前后端协作开发时，常常有如下情景：

后端开发完毕在服务器上进行部署并给前端API文档。

前端在本地进行开发并向远程服务器上部署的后端发送请求。

在这种开发过程中，如果前端想要一边开发一边测试接口，就需要使用跨域的方式。

 

3. 解决跨域

                  （1）jsonp

                                   

                  （2）spring4.2之后在具体调用的方法上面添加注解

    

解决方案：

在spring框架4.2版本后，Spring给出了注解的方式解决问题。

即在Controller控制器中，在Controller注解上方添加@CrossOrigin注解。

 

但是使用这种方式后也有可能仍然出现跨域问题，解决方案之一就是：

 

在@RequestMapping注解中没有指定Get、Post方式，具体指定后，问题解决

@CrossOrigin(origins ="*", maxAge =3600)@RestController@RequestMapping("/User")publicclassUserController{ }

 

@CrossOrigin("http://test.com")@CrossOrigin(origins="http://test.com",maxAge=3600)

 

 

 

  

       （3）通过配置文件来允许跨域，在springmvc中

在web.xml中添加如下配置：

   

        CorsFilter

        /*

   

使用这个Filter即可让整个服务器全局允许跨域

        

       （4）设置response中设置header信息

       

       （5）httpclient处理

     （6）值得推荐的方式：在配置文件中配置filter，轻松解决跨域问题。推荐

       不断总结和提高中。。。。

（1）jsonp

                                   

                  （2）spring4.2之后在具体调用的方法上面添加注解

    

解决方案：

在spring框架4.2版本后，Spring给出了注解的方式解决问题。

即在Controller控制器中，在Controller注解上方添加@CrossOrigin注解。

 

但是使用这种方式后也有可能仍然出现跨域问题，解决方案之一就是：

 

在@RequestMapping注解中没有指定Get、Post方式，具体指定后，问题解决

@CrossOrigin(origins ="*", maxAge =3600)@RestController@RequestMapping("/User")publicclassUserController{ }

 

@CrossOrigin("http://test.com")@CrossOrigin(origins="http://test.com",maxAge=3600)

 

 

 

  

       （3）通过配置文件来允许跨域，在springmvc中

在web.xml中添加如下配置：

   

        CorsFilter

        /*

   

使用这个Filter即可让整个服务器全局允许跨域

        

       （4）设置response中设置header信息

       

       （5）httpclient处理

     （6）值得推荐的方式：在配置文件中配置filter，轻松解决跨域问题。