前端解决跨域问题

什么是跨域？

1、同源策略
是浏览器的安全策略
-协议名、域名、端口号必须完全一致
2、跨域
违背同源策略就会产生跨域
3、解决跨域
jsonp（前后端同时设置）、CORS（后端设置）、服务器代理…

前端解决跨域

通过动态创建script标签的形式，把script标签的src属性，指向数据接口的地址，因为script标签不存在跨域限制（其他不跨域标签img,link,iframe,from），jsonp只支持get请求，所以实际开发中这种方法不常用

<script>
	window.onload = function() {
		//1、创建script标签
		var script = document.createElement('script '); 
		//2、设置回调函数
		function getData(data) {
			//数据请求回来会被触发的函数
			console.log(data);
		}
		//3、设置script的src属性，设置请求地址，携带参数数据
		script.src = 'http://localhost:3000?callback=getData ';
		//4、让script生效
		document.body.appendChild(script);
	}
</script>