一、什么是跨域
二、如何解决跨域
1.前端常用 JSONP
2.服务器端配置 HTTP 协议的 header 解析
三、JSONP实现的实例
<!DOCTYPE html>
<html>
<head>
<title>jsonp跨域test</title>
</head>
<body>
<script type="text/javascript">
function res (r) { //定义回调函数接收返回结果
console.log(r)
}
</script>
<script src="./api.json?callback=res">
//? 之前为请求的路径
//? 之后 callback 可缩写为 cb，值为回调函数的名称
</script>
</body>
</html>
请求的 json文件内容如下：
res({"data":"js"})
去浏览器打开 html 文件，打开控制台，效果如下：