它默认请求登录的地址无法登录
改为http://localhost:8001
进行登录调用两个方法,login登录操作方法,和info登录之后获取用户信息的方法.所以,创建两个方法实现登录
1)login 返回token值
2)info 返回roles name avatar
接口
@RestController
@RequestMapping("/eduservice/user")
public class EduLoginController {
//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://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif");
}
}
修改api.login.js
export function login(username, password) {
return request({
// url: '/user/login',
url: '/eduservice/user/login',
method: 'post',
data: {
username,
password
}
})
}
export function getInfo(token) {
return request({
// url: '/user/info',
url: '/eduservice/user/info',
method: 'get',
params: { token }
})
}
当登录时会出现No ' Access-Control-Allow-Origin',这是跨域问题
跨域问题:通过一个地址去访问另一个地址,这个过程中如果有访问协议,IP地址,端口号这三个地方其中一个不一样,就会出现跨域问题
跨域的解决方式
在后端接口Controller加个注解@CrossOrigin