我设计了一个登录页面来响应。它在3000个端口上运行。单击登录按钮后,它应该转到API端口,并检查是否必须输入用户名和密码。
Screen shot
这是api调用:
@RestController
@RequestMapping("/api")
public class UserController {
@Autowired
UserRepository userRepository;
@GetMapping("/users")
public List<Users> getAllUsers() {
return userRepository.findAll();
}
@PostMapping("/users")
public Users createUser(@Valid @RequestBody Users note) {
return userRepository.save(note);
}
@PostMapping("/userlogin/{id}")
public Users getUserById(@Valid @RequestBody UserLogin userLogin) {
System.out.println(userLogin.getUserId());
System.out.println(userLogin.getPassword());
if (userLogin.getUserId() != null) {
Users user = userRepository.findUserById(userLogin.getUserId());
if (user != null) {
if ((userLogin.getPassword()).equals(user.getPassword())) {
return user;
}
}
}
return new Users();
}
}
这是React代码来调用api端口:
公共静态saveLogin(input:any){
var obj = JSON.stringify(input);
var url = '/api/userlogin/';
if (input.userId !== null && input.userId !== "") {
url = '/api/userlogin/' + input.userId;
const resultMethod = axios.post(url, obj,
{
headers: {
'Content-Type': 'application/json'
}
})
.then(res => {
return res;
}).catch((e: any) => {
return e.response;
});
return resultMethod;
}
post方法应该调用8095端口,但是要使用3000端口。
最佳答案
axios需要完整的api网址。
url = 'http://localhost:8095/api/userlogin/' + input.userId;