为spring boot后端和react前端启用交叉原点时遇到的问题

Question

我已经创建了react frotend和我正在创建spring boot后端，但它给出了错误

CORS策略阻止了从源“http：//localhost:4200”访问“http：//localhost:8080/home”得XMLHttpRequest：请求得资源上没有“access-control-allow-origin”标头.

    import axios from "axios"

class Helloworldservice{
    executehelloworldservice(){
        return axios.get('http://localhost:8080/home');
    }

}
export default new Helloworldservice()

@RestController
@CrossOrigin(origins = "http://localhost:4200")
public class RestServiceController {

    @RequestMapping(value = "/home", method = RequestMethod.GET)
    public User giveServiceBack() {
        return new User(1, "satyajit");
    }

}

还单独增加了配置

@Configuration
@EnableWebMvc
public class Webconfig extends WebMvcConfigurerAdapter {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**").allowedOrigins("http://localhost:4200");
    }
    enter code here

}

这些都解决不了我的问题。

Answer 1

尝试添加AllowedHeaders和AllowCredential。

@RestController
@CrossOrigin(origins = "http://localhost:4200",allowedHeaders = "*", allowCredentials = "true")
public class RestServiceController {

    @RequestMapping(value = "/home", method = RequestMethod.GET)
    public User giveServiceBack() {
        return new User(1, "satyajit");
    }

}