前端调用后端接口显示连接不到指定的后端端口
后端Stafflogincontroller类
package com.controller;
import com.service.StaffLoginService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
@RestController
@RequestMapping("/StaffLogin")
public class StaffLoginController {
@Autowired
public StaffLoginService staffLoginService;
@PostMapping("/login")
@CrossOrigin
public boolean login(@RequestParam int employee_id,@RequestParam String password) {
// 检查id是否存在
if (staffLoginService.getStaffID(employee_id)) {
// 如果id存在,则看看数据库里面的密码与输入的密码是否匹配
return staffLoginService.getStaffPasswordTest(employee_id, password);
}
// 如果输入的id不存在就返回false
return false;
}
}
前端测试接口页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/axios-0.18.0.js"></script>
</head>
<body>
<input type="button" value="登录测试" onclick="get()">
</body>
<script>
function get(){
axios({
method:"post",
url:"http://localhost:8080/StaffLogin/login",
data: {
employee_id: '12345',
password: '12345'
}
}).then(function (resp){
alert(resp.data);
});
}
</script>
</html>
我用post测试这个接口方法是可以正常运行的
但是不论是在vscode里面还是在idea里面运行前端测试页面都显示连接不到指定的后端方法接口