1、 域名的解析
右图中可以发现一个链接分为 协议、域名(一级,二级…)、端口号,路径组成,其中只要域名或者端口号不同之间的请求都属于跨域请求
2、跨域请求的解决方法(一)
第一步:编写html页面,发出请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
xhr.open("get","http://localhost:8080/user/getuserlistbypage?pageNum=1&pageSize=10");
xhr.onreadystatechange= function(){
if(xhr.status==200&xhr.readyState==4){
var text = xhr.responseText;
alert(text);
}
}
xhr.send(null);
</script>
</body>
</html>
第二步:在请求的路径的方法上添加注解 @CrossOrigin
@RestController
@RequestMapping("/user")
public class UserController {
@Autowired
private UserService userService;
@RequestMapping("/getuserlistbypage")
@CrossOrigin
public List<MemberUser> getUserListByPage(int pageNum,int pageSize){
List<MemberUser> userlist = userService.getUserListByPage(pageNum,pageSize);
return userlist;
}
第三步:运行
运行,请求到了数据