跨域請求，后端要求token放入header中，如何解決？

ajax的設置頭部token

$.ajax({
    url: host + "/order/autoImport",
    method: 'post',
    data: excel,
    beforeSend: function(request) {
        request.setRequestHeader("token", token);
        request.setRequestHeader("version", version);
        request.setRequestHeader("taskId", currentTask.id);
    },
    success: function(rs) {
    
    }
})

如果你是用axios做跨域請求的話，可以這樣寫：

axios.interceptors.request.use(config => {
   config.headers = {
      'X-token': token
   }
  
  return config
}, err => {
  return Promise.reject(err)
})

這樣每次請求header中都能帶上token。

獲取到xhr對象，調(diào)用xhr的setHeader方法
或者框架一般封裝好了，直接傳header就好了

$.ajax({
    url: url,
    headers: {
        "token": token,
    }
});

這樣呢？

   $.ajax({
        url:httpUrl,
        type: 'get',
        data: {},
        beforeSend: function(request){
            request.setRequestHeader("token", "xxxx");
        },
        dataType: 'json',
        success: function(data){
            console.log(data);
        },
        error: function(error){
            console.log(error)
        }
    });

以上是前端請求處理。
以下是后端（java）處理：

@Configuration
    public class CorsConf {
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*");
            corsConfiguration.addAllowedHeader("*");
            corsConfiguration.addAllowedMethod("*");
            source.registerCorsConfiguration("/**", corsConfiguration);
            return new CorsFilter(source);
        }
    }