Vue+SpringBoot使用注解@CrossOrigin解决跨域问题

背景:前台vue使用本地8082端口,后台使用8080端口,这样前台访问后台时候就产生了跨域问题。这里是从后台解决跨域问题。

@RestController
@CrossOrigin //这个注解解决了跨域问题
@RequestMapping("/account")
public class AccountController {

    @GetMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }

    @DeleteMapping("/{id}")
    public void remove(@PathVariable Long id) {
        // ...
    }
}

添加@CrossOrigin后重启后台,发现就不会产生跨域问题了。这个是给整个controller添加了跨域支持,也可以给部分RequestMapping添加跨域支持

@CrossOrigin(maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {

    @CrossOrigin(origins = "http://domain2.com")
    @GetMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }

    @DeleteMapping("/{id}")
    public void remove(@PathVariable Long id) {
        // ...
    }
}

@CrossOrigin中的2个参数:
origins  : 允许可访问的域列表
maxAge:准备响应前的缓存持续的最大时间(以秒为单位)。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值