同源策略和跨域问题

1.跨域问题产生的原因

浏览器的同源策略影响，同源策略是一种安全机制，它限制了一个网页中的脚本只能访问同源的资源。

跨源网络访问的三种方式：跨域写操作，跨域资源嵌入，跨域读操作

2.跨域问题案例

ip和域名不一致会导致跨域问题

http默认是80,不写也不会导致跨域问题 

 

3.img, script，iframe标签 不存在跨域问题

跨域资源嵌入不存在跨域问题：凡是从外部引入的资源，css，图片，视频，音频，iframe等跨域资源嵌入的都不存在跨域问题。

跨域写操作不存在跨域问题：a标签的跳转，form表单的post提交等写操作也不存在跨域问题

跨域读操作存在跨域问题：如ajax 就存在跨域问题

4.跨域问题的解决

4.1JSONP解决同源限制问题

原理：利用script标签的src属性可以跨域加载资源的特性，通过动态创建script标签来实现跨域请求。

限制：

• 必须携带函数作为参数；
• 只能发起get请求；
• 存在安全隐患，容易收到注入攻击；

方式一：直接