一、前端登录问题
默认情况下,前端项目已经实现了登录功能,后端连接到远程Mock平台的模拟数据接口进行登录,而Mock平台地址无效,导致前端的登录功能无法执行
二、Mock登录接口
我们暂时将请求切换到本地Mock数据的接口中,使系统可以进行模拟登录,以便进行后续的开发工作
1、修改前端接口配置
在 config/dev.env.js 中修改BASE_API
注意:这个文件修改后需要重启前端服务器
BASE_API: '"http://127.0.0.1:8110"'
2、前端登录接口文件
src/api/login.js,可以在这个文件中分析后端Mock数据的接口的url地址:
- 登录:/user/login
- 登出:/user/info
- 获取用户信息:/user/logout
3、后端接口文件
暂时在service_edu微服务中创建LoginController,模拟上面三个接口
package com.atguigu.guli.service.edu.controller;
@CrossOrigin //跨域
@RestController
@RequestMapping("/user")
public class LoginController {
/**
* 登录
* @return
*/
@PostMapping("login")
public R login() {
return R.ok().data("token","admin");
}
/**
* 获取用户信息
* @return
*/
@GetMapping("info")
public R info() {
return R.ok()
.data("roles","[admin]")
.data("name","admin") .data("avatar","https://oss.aliyuncs.com/aliyun_id_photo_bucket/default_handsome.jpg");
}
/**
* 退出
* @return
*/
@PostMapping("logout")
public R logout(){
return R.ok();
}
}
4、测试
进行登录测试