什么是跨域问题？

当一个请求的url的协议，域名，端口三者之间任意一个与当前页面url不同 即为跨域

问题背景： 

如图，前端端口为8090，而后端端口为8099，形成跨域，无法对接

试图利用SpringBoot解决该问题

添加CORS过滤器：新建配置类CorsConfig：创建CorsFilter过滤器，允许跨域

@Configuration
public class CrosConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("*").allowedMethods("GET","POST","HEAD","PUT","DELETE","OPTIONS").allowCredentials(true).maxAge(3600).allowedHeaders("*");}
}

@Configuration
public class GlobalCorsConfig {/*** 允许跨域调用的过滤器*/@Beanpublic CorsFilter corsFilter() {CorsConfiguration config = new CorsConfiguration();//允许所有域名进行跨域调用config.addAllowedOrigin("*");//允许跨越发送cookieconfig.setAllowCredentials(true);//放行全部原始头信息config.addAllowedHeader("*");//允许所有请求方法跨域调用config.addAllowedMethod("*");UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/**", config);return new CorsFilter(source);}
}

以上两段代码尝试后，均报以下错误：

获取不到token值：

即：后端配置了跨域过滤器，但还是造成了跨域问题

问题解决：

发现vue发起的两遍请求，第二遍不带token

跨域问题从写好跨域过滤器后 本质上就已经解决了，所以无需更改跨域过滤器

更改前端端口号 如下：info仍在报错

一通排查，发现是后端代码问题：

在SecurityConfig中将“/admin/info”添加到白名单中

终于！！

得到最终token

如果还有问题，前后端对照，vue2.0的一个特性是会自动发起info请求，检查后端逻辑代码中是否有接口接收并处理info