跨域产生的原因及解决办法

1、跨域产生的原因及解决办法

2、JONP 与 ajax请求的区别

     1⃣️请求方式不同： ajax请求Type是xhr   、JONP请求Type是script

     2⃣️返回的内容不同： ajax请求返回的是json格式数据，JONP请求返回的是javascript脚本

      3⃣️请求Url不同： JONP请求的Url？callback=

3、JONP请求的弊端

        1⃣️需要改动服务器代码支持

       2⃣️只支持GET请求方式

        3⃣️不是XHR请求

4、跨域解决的两种方法

    1⃣️被调用方  -----支持跨域

         服务器端实现   

        res.addHeader( "Access-Control-Allow-origin","*" );

        res.addHeader( "Access-Control-Allow-Methods","*" );

          带cookie的跨域请求：res.addHeader( "Access-Control-Allow-origin"," 对应URL" );，不能设置 *，并且需要加上   @CrossOrigin(allowCredentials="true")

    2⃣️调用方 -----  隐藏跨域

            反向代理   （  NGINX配置、APACHE配置 ）