面试题：什么是跨域？解决跨域的办法有哪些？

最新推荐文章于 2022-08-04 18:09:37 发布

urnotwangPder

最新推荐文章于 2022-08-04 18:09:37 发布

阅读量416

点赞数

文章标签：前端 ajax跨域问题

本文链接：https://blog.csdn.net/urnotwang/article/details/123097852

版权

同源策略跨域 JSONP CORS 服务器代理

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			/* 
			 面试题：什么是跨域？解决跨域的办法有哪些？
			 
			 1.同源策略
			 - 是浏览器的安全策略
			 - 协议名、域名、端口号必须完全一致
			 2.跨域
			 - 违背同源策略就会产生跨域
			 3.解决跨域
			 - jsonp 前端和后台一起设置
			 - cors  只需要后台设置
			 - 服务器代理  后台设置
			 */
			// jsonp方法：
			// 创建script标签
			var script = document.createElement('script');
			// 设置回调函数
			function getData(data) {
				// 数据请求回来会被触发的函数
				console.log(data)
			}
			// 设置script的src属性，设置请求地址
			script.src = 'http://localhost:3000?callback=getData';
			// 让script生效
			document.body.appendChild(script);
		</script>
	</body>
</html>