1,前端项目发送js
let param = new URLSearchParams();
param.append("username",this.username);
param.append("password",this.password)
axios({
url:'http://localhost:8080/login',
method:'POST',
data:param
}).then(res => {
console.log(res.data);
if(res.data.code == 200){
window.location.href="index.html"
}
})
2,后端项目添加 CorsConfig 类继承 WebMvcConfigurer
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
// 设置允许跨域的路径
registry.addMapping("/**")
// 设置允许跨域请求的域名
.allowedOriginPatterns("*")
// 是否允许cookie
.allowCredentials(false)
// 设置允许的请求方式
.allowedMethods("GET", "POST", "DELETE", "PUT")
// 设置允许的header属性
.allowedHeaders("*")
// 跨域允许时间
.maxAge(3600);
}
}
在添加 http.cors();
@Override
protected void configure(HttpSecurity http) throws Exception {
http.cors(); // 允许跨站访问