前端配置
/*前端无需太多配置
$.ajax({
headers: {
"自定义字段": 'value'
},
url:'http://localhost:7100/uploadimg/',
dataType:'json',
type:'POST',
async: false, //异步参数
data: form, //包含文件的formData()对象
processData : false, // 使数据不做处理
contentType : false, // 不要设置Content-Type请求头
success: function(data){
console.log(data);
},
error:function(response){
console.log(response);
}
});
服务器配置
//需要配置Cors的相关属性,
//Access-Control-Allow-Origin //接受的源(源:id:prot,*表示接受所有的源)
//Access-Control-Allow-Methods // 能接受的发送方式,如:post get ... *表示所有
//Access-Control-Expose-Headers //如果想拿到header中的某些字段,须在Access-Control-Expose-Headers里面指定。
//Access-Control-Allow-Credentials //是否允许发送cookie
//Access-Control-Max-Age //指定本次预检测的有效期 单位秒
//spring boot 全局配置这些属性
@Bean
public WebMvcConfigurer corsConfigurer() {
return new WebMvcConfigurerAdapter() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedMethods("*")// 这个一定要调用
.allowedOrigins("*")
.allowedHeaders("")
.allowCredentials(false);
}
};
}
//spring boot 局部配置
@CrossOrigin("*") //可以加在Controller上,也可以加在Controller的方法上