<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          可能是最好的跨域解決方案了

          共 8147字,需瀏覽 17分鐘

           ·

          2021-11-11 22:03

          今天我們來聊一個(gè)老生常談的話題,跨域!又是跨域,煩不煩 ?網(wǎng)上跨域的文章那么多,跨的我眼睛都疲勞了,不看了不看了 ?? 別走...我盡量用最簡單的方式將常見的幾種跨域解決方案給大家闡釋清楚,相信認(rèn)真看完本文,以后不管是作為受試者還是面試官,對(duì)于這塊的知識(shí)都能夠游刃有余。

          什么是“跨源”

          不是講跨域嗎 ?怎么又來個(gè)“跨源” ?字都能打錯(cuò)的 ???...稍安勿躁,其實(shí)我們平常說的跨域是一種狹義的請(qǐng)求場景,簡單來說,就是“跨“過瀏覽器的同源策略[1]去請(qǐng)求資“源”,所以我們叫它“跨源”也沒啥問題。那么,跨源,源是什么?瀏覽器的同源策略什么是同源?協(xié)議,域名,端口都相同就是同源干巴巴的,能不能舉個(gè)栗子?栗子:),有的有的

          const?url?=?'https://www.google.com:3000'

          比如上面的這個(gè) URL,協(xié)議是:https,域名是?www.google.com,端口是[2]?3000。不同源了會(huì)怎么樣?會(huì)有很多限制,比如

          • Cookie,LocalStorage,IndexDB 等存儲(chǔ)性內(nèi)容無法讀取
          • DOM 節(jié)點(diǎn)無法訪問
          • Ajax 請(qǐng)求發(fā)出去了,但是響應(yīng)被瀏覽器攔截了

          我就想請(qǐng)求個(gè)東西,至于嗎,為什么要搞個(gè)這么個(gè)東西限制我?基于安全考慮,沒有它,你可能會(huì)遇到

          • Cookie劫持,被惡意網(wǎng)站竊取數(shù)據(jù)
          • 更容易受到 XSS,CSRF 攻擊
          • 無法隔離潛在惡意文件
          • ... ...

          如果您正在學(xué)習(xí)Spring Boot,推薦一個(gè)連載多年還在繼續(xù)更新的免費(fèi)教程:http://blog.didispace.com/spring-boot-learning-2x/

          所以,得有。正是因?yàn)闉g覽器同源策略的存在,你的 Ajax 請(qǐng)求有可能在發(fā)出去后就被攔截了,它還會(huì)給你報(bào)個(gè)錯(cuò):

          ??Access?to?XMLHttpRequest?at?'xxx'?from?origin?'xxx'?has?been?block?by?CORS,
          ??policy:?No?'Access-Control-Allow-Origin'?header?is?present?on?the?requested?resource.

          這種發(fā)出去拿不到響應(yīng)的感受,就像你在網(wǎng)上沖浪時(shí),被一股神秘的東方力量限制了一樣:

          非常難受,所以,我們接下來就來看看怎么用科學(xué)的方法上網(wǎng)(啊呸,科學(xué)的方法解決跨域的問題)。

          JSONP

          這玩意兒就是利用了?

          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                    <th id="afajh"><progress id="afajh"></progress></th>
                    色一色综合网 | 高清无码成人电影 | 一区二区三区在线播放 | 精品 国产 | 亚洲成人av在线观看 |