前后端联调和跨域处理

动静分离之前端项目静态页面引入和相关js包使用

1、bootstap和jquery介绍和学习资料 
   bootstapt：https://v3.bootcss.com/getting-started/
   jquery：http://www.w3school.com.cn/jquery/index.asp

2、知识拓展：什么是内容分发网络，CDN的好处

静态放上面，js放下面

cdn有算法能够算出离用户最近等CDN节点

1、跨域：浏览器同源策略
     1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。
 最初，它指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同" 
   协议相同  http https
   域名相同  www.xdcass.ent
   端口相同  80  81

不同源：不同的网页（AA能够读到BB网页等cookie）这样不安全​

 

 一句话：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域
 浏览器控制台跨域提示：
 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
​
​2、解决方法 
     1）JSONP
     2）Http响应头配置允许跨域                
      nginx层配置
                    https://www.cnblogs.com/hawk-whu/p/6725699.html               
程序代码中处理
 

       SpringBoot自带配置
​
       @Configuration
       public class Cors extends WebMvcConfigurerAdapter {
   @Override
     public void addCorsMappings(CorsRegistry registry) {
       registry.addMapping("/**")
               .allowedOrigins("*")
               .allowedMethods("GET", "POST", "PUT", "OPTIONS", "DELETE", "PATCH")
               .allowCredentials(true).maxAge(3600);
                    }
​
                }
​
        注意点:假如接口报错，则跨域配置不生效

site:jd.com 手机壳