处理跨域问题

跨域问题出现在不同的服务器之间 和同一个服务器不同的端口之间

解决跨域问题可以在后端 也可以在前端解决

后端解决：

package com.example.vuespringboot_testone.commom.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 MyCorsConfig {
    @Bean
    public CorsFilter corsFilter(){
        //1.添加CORS配置信息
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        //允许的域 不要写 * 否则cookie无法使用
        corsConfiguration.addAllowedOrigin("http://localhost:9");
        //是否发送cookie信息
        corsConfiguration.setAllowCredentials(true);
        //允许请求的方式
        corsConfiguration.addAllowedMethod("*");
        //允许请求的头信息
        corsConfiguration.addAllowedHeader("*");
        //2.添加映射路径，我们拦截一切请求
        UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**",corsConfiguration);
        //3.返回新的CorsFilter
        return  new CorsFilter(urlBasedCorsConfigurationSource);
    }
}

也可以在每个controller类中加入注解