• 学习笔记(15)跨域


    1,跨域

    跨域请求:页面向非本身来源的域的url(非同源)发起的请求。
    非同源:url地址中协议名域名(IP)端口号三者其中有1个不同。
    浏览器禁止ajax跨域请求,但是不禁止非ajax的跨域请求(页面资源请求,表单请求,a标签的链接)。

    浏览器为什么会禁止ajax跨域请求?
    保证cokie只发送到同源的服务器,保护浏览器用户的隐私。

    2,实现跨域请求的3种方式

    2.1,cors跨域

      浏览器对于跨域ajax请求,并不会直接禁止,而是会发出本次请求,在收到请求的响应头时查看是否包含Access-Control-Allow-Origin,从而判断本次请求是否允许跨域。如果不包含本字段或者本字段的值中不包含当前页面的域名则表示不允许;如果本字段的值包含当前页面地址或者值为*则表示允许跨域访问。
      如果本次请求不允许跨域访问,浏览器会直接放弃本次请求,按照请求失败处理。如果允许跨域访问则按照请求成功处理。
      cors跨域可以使用get也可以使用post。

    2.2,jsonp跨域

      JSONP(JSON padding)。浏览器只禁止ajax的跨域请求*,所以可以创建一个script标签,把script标签的src设置为请求接口的地址,并准备好一个函数,将函数名作为本次请求的参数发给服务器,服务器收到请求之后,使用参数中的函数名拼接出一段js代码,将需要返回的数据作为参数拼接在函数调用中,然后将这段js代码返回给前端。
      前端浏览器在收到这段代码之后会立刻执行,调用准备好的函数,函数中的参数就是本次请求的数据。

    2.3,proxy:代理服务器

      当页面需要向非同源服务器发送请求时,可以先将请求发送到自身来源的服务器,自己的服务器对请求向目标服务器进行转发,当得到请求数据之后再将数据返回给页面。

  • 相关阅读:
    解读信创产业根基,操作系统发展历程
    大数据与人工智能的交融:向量数据库在具体应用案例中的探索
    Win11不能拖拽图片到任务栏软件上快速打开怎么办
    华为9.20笔试 复现
    思考:计算机死机的时候,它在干什么?
    使用AWS的API Gateway实现websocket
    Mysql 中 “必知” 的单行处理函数
    Android桌面Launcher源码浅析
    pinia 模块划分
    没有二十年功力,写不出Thread.sleep(0)这一行“看似无用”的代码!
  • 原文地址:https://blog.csdn.net/dugujiuding/article/details/126709441