如何判定API接口是否支持跨域访问

1.背景

同一个h5页面需要访问多个不同的域名下的地址

2.判定方式

方式一

在浏览器控制台执行如下代码:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://XXXX.XXX.com/api/order/query'); // 测试时改为自己的地址
xhr.send(null);
xhr.onload = function(e) {
    var xhr = e.target;
    console.log(xhr.responseText);
}

如果能正常拿到接口结果说明支持跨域,结果如下

如果返回如下结果,说明不支持跨域:

 

方式二

编写如下html文件,直接访问html,如果不能正常访问则不支持跨域

3.springboot的java接口如何实现跨域

增加如下代码

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("*")
                .allowedHeaders("Content-Type", "X-Requested-With", "accept,Origin", "Access-Control-Request-Method", "Access-Control-Request-Headers", "token")
        ;
    }
}

完美