SprngBoot实战(7)--前端vue-登录与跨域

以下内容参考自下面视频:

https://www.bilibili.com/video/BV1y7411y7am

导入admin-template-master后,启动项目,直接点击登录有时会报错,有时也需要好久才能登录

这是因为admin-template-master项目中登录默认访问的是远端的url,需要修改为你本地的

1.修改登录url

查看文件可以发现login和getInfo两个方法,把其中的url修改为自己本地的登录方法

SprngBoot实战(7)--前端vue-登录与跨域_第1张图片

查看调用的相关方法

SprngBoot实战(7)--前端vue-登录与跨域_第2张图片

SprngBoot实战(7)--前端vue-登录与跨域_第3张图片

可以确定login方法的返回值为token

info方法的返回值为roles,name和avator

2.写controller层方法

//login
@PostMapping("login")
public R login(){
    return R.ok().data("token","admin");
}

//info
@GetMapping("info")
public R info(){
    return R.ok().data("roles","[admin]").data("name","admin").data("avatar","https://tse3-mm.cn.bing.net/th/id/OIP.pIQpeff5pWE_sptyddw3_wHaEo?pid=Api&rs=1");
}

3.跨域问题

写完相应方法后,直接启动访问,会发现报网络错误

这是因为跨域问题

SprngBoot实战(7)--前端vue-登录与跨域_第4张图片

如图在下面链接中的三个方面,只要有一个问题不同,就会发生跨域问题

SprngBoot实战(7)--前端vue-登录与跨域_第5张图片

解决方法需要在

controller类上面添加@CrossOrigin注解

@RestController
@RequestMapping("/eduservice/user")
@CrossOrigin    //解决跨域
public class EduLoginController {

启动再次访问即可成功

你可能感兴趣的:(前端)