本地 ajax 的请求 出现了跨域问题,如图
解决办法:两个命令,启动一个服务器
注意:执行命令前,首先需要npm环境哦
一、安装http服务
npm install http-server -g
二、启动http服务
然后,到 出现跨域问题的 html 文件路径下,执行
http-server
我是 此路径下 执行 http-server 命令
三、打开浏览器
备注:前端的代码也需要该一下 URL 哦
$.ajax({
url: "http://192.168.31.209:8080/user.json",
success(data) {
console.log("查询了用户:" , data);
$.ajax({
url: `http://192.168.31.209:8080/user_corse_${data.id}.json`,
success(data) {
console.log("查询到课程:" , data);
$.ajax({
url: `http://192.168.31.209:8080/corse_score_${data.id}.json`,
success(data) {
console.log("查询到分数:" , data);
},
error(error) {
console.log("出现了异常:" + error);
}
});
},
error(error) {
console.log("出现了异常:" + error);
}
});
},
error(error) {
console.log("出现了异常:" + error);
}
});