因为vue的路径中多出来一个/#/所以前后端在匹配的过程中会出现问题。
所以我们在前后端连接的时候不仅仅要让前后端的路径保持一致,还需要再后端写一个配置文件,让#不影响前后端的交互。
全局配置文件的内容如下:
package com.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.UrlBasedCorsConfigurationSource; import org.springframework.web.filter.CorsFilter; @Configuration public class GlobalCorsConfig { @Bean public CorsFilter corsFilter(){ //添加cors配置信息 CorsConfiguration configuration = new CorsConfiguration(); //放心哪些原始域 configuration.addAllowedOriginPattern("*"); //是否发送Cookie configuration.setAllowCredentials(true); //放行哪些请求方式 configuration.addAllowedMethod("*"); //暴露哪些头信息 configuration.addAllowedHeader("*"); //添加映射路径 configuration.addExposedHeader("*"); //添加映射路径 UrlBasedCorsConfigurationSource corsConfigurationSource=new UrlBasedCorsConfigurationSource(); corsConfigurationSource.registerCorsConfiguration("/**",configuration); //返回新的CorsFilter return new CorsFilter(corsConfigurationSource); } } |