vue跨域前端连接后台的解决办法

前端Vue后台Spring Boot项目

直接在java后端的配置文件里新创建一个类CrosConfig，然后重启项目，就可以解决掉跨域的问题了。

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;
/**
 * @author Null
 * @date 2020/8/26 10:03
 */
@Configuration
public class CrosConfig {

      private CorsConfiguration buildConfig() {
         CorsConfiguration corsConfiguration = new CorsConfiguration();
         corsConfiguration.addAllowedOrigin("*"); // 1允许任何域名使用
         corsConfiguration.addAllowedHeader("*"); // 2允许任何头
         corsConfiguration.addAllowedMethod("*"); // 3允许任何方法（post、get、等等等）
         return corsConfiguration;
      }

      @Bean
      public CorsFilter corsFilter() {
         UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
         source.registerCorsConfiguration("/**", buildConfig()); 
         return new CorsFilter(source);
     }
}

转载：Vue跨域连接前后端