前端之跨域

http://zengfengzhou.cn/hospital/1000_0
上面这个url相当于
http://zengfengzhou.cn:80/hospital/1000_0

http 协议
zengfengzhou.cn 域名
80 端口号，一般是跟在域名后面，由冒号隔开,浏览器默认80端口号省略
hospital/1000_0 请求路径

举个栗子
不同源的情况
localhost:80与localhost:9000  端口号不同
www.baidu.com与www.taobao.com 域名不同
http://localhost:3000与https://localhost:3000 协议不同

在百度控制台中尝试访问自己的资源，可以发现没有发生错误
但是如果访问淘宝的资源的话，可以发现报错，并且也提示了没有允许跨域访问的请求头

@Configuration
public class CorsConfig {

    @Bean
    public CorsWebFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedMethod("*"); //允许的请求方法
        config.addAllowedOrigin("*"); //允许的请求源
        config.addAllowedHeader("*"); //允许的请求头
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
        source.registerCorsConfiguration("/**", config);
        return new CorsWebFilter(source);
    }
}

<script src="http://zengfengzhou.cn/hospital/1000_0?callback=jsoncallback"></script>
function jsoncallback() {
    //调用接口后的回调函数
    //具体逻辑
}

 	let url = "http://zengfengzhou.cn/hospital/1000_0";
    this.$jsonp(url, {
      params: {
        a: '参数1',
        b: '参数2'
      }
    })
     .then(res => {
        // console.log("回调函数逻辑");
     })
     .catch(error => {
        console.log(error);
    })

server {
    listen       8080; #监听端口号
    server_name  localhost;#域名地址
    root   html;
    location / {
        #请求http://localhost:8080，将该请求转发到域名一
        proxy_pass http://域名一;
    }
    #请求http://localhost:8080/api，将该请求转发到域名二，则保证请求在同一个域，解决跨域问题
    location /api {
        proxy_pass http://域名二/api;
    }
}