springboot 支持跨域

SpringBoot跨域解决方案

最新推荐文章于 2024-05-06 18:35:01 发布

原创最新推荐文章于 2024-05-06 18:35:01 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

springboot 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何在SpringBoot项目中实现跨域请求，通过在控制器方法上使用@CrossOrigin注解来轻松解决前端与后端跨域问题，并提供了具体的前端Ajax调用示例和后端代码实现。

springboot 支持跨域

前端：

$.ajax({
			url:"http://127.0.0.1:8081/user/adVoca",
			type: 'POST',
			crossDomain: true,
			dataType: 'json',
			contentType: "application/json; charset=utf-8",
			data: JSON.stringify(json),
			success:function (data) {

				if (data.status==200){
					alert(data.data);

					parent.location.reload();
				}else {
					alert(data.msg);
				}
			}
		})

后端：

@CrossOrigin  //直接在@PostMapping接口上使用@CrossOrigin实现跨域。@CrossOrigin默认允许所有访问源和访问方法。
@PostMapping("addVoca")
    public  Result adVoca(@RequestBody OepreVoca oepreVoca) throws Exception {


        List<OepreVoca> oepreVoca1=oepreVocaService.findOepreVocaByUsername(oepreVoca.getUsername());
        if (oepreVoca1.size()>0){
            return Result.errorMsg("用户名已存在");
        }

        oepreVocaService.saveVoca(oepreVoca);
        return Result.ok("添加成功");
    }