vue-admin-template框架-登录功能

它默认请求登录的地址无法登录

改为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