> 文章列表 > 解决跨域问题的常用方法

解决跨域问题的常用方法

解决跨域问题的常用方法

文章目录

  • 没有同源策略限制的接口请求
  • 没有同源策略限制的Dom查询
  • 跨域正确的打开方式
  • 同源策略限制下接口请求的正确打开方式
    • 1.JSONP
    • 2.空iframe加form
    • 3.CORS
    • 4.代理
  • 同源策略限制下Dom查询的正确打开方式
    • 1.postMessage
    • 2.document.domain
    • 3.canvas操作图片的跨域问题

没有同源策略限制的接口请求

有一个小小的东西叫cookie大家应该知道,一般用来处理登录等场景,目的是让服务端知道谁发出的这次请求。如果你请求了接口进行登录,服务端验证通过后会在响应头加入Set-Cookie字段,然后下次再发请求的时候,浏览器会自动将cookie附加在HTTP请求的头字段Cookie中,服务端就能知道这个用户已经登录过了。知道这个之后,我们来看场景:

1.你准备去清空你的购物车,于是打开了买买买网站www.maimaimai.com,然