springboot+jsonp解決前端跨域問題小結(jié)-創(chuàng)新互聯(lián)

現(xiàn)在咱們一起來討論瀏覽器跨域請求數(shù)據(jù)的相關(guān)問題。說這樣可能不是很標準，因為拒絕跨域請求數(shù)據(jù)并不是瀏覽器所獨有的，之所以會出現(xiàn)跨域請求不了數(shù)據(jù)，是因為瀏覽器基本都實現(xiàn)了一個叫"同源策略"的安全規(guī)范。該規(guī)范具體是什么呢？我們在MDN上找到了一份資料，地址如下：

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名申請、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、蘄春網(wǎng)站維護、網(wǎng)站推廣。

瀏覽器同源策略講解

總的來說，當A網(wǎng)址和B網(wǎng)址在協(xié)議、端口、域名方面存在不同時，瀏覽器就會啟動同源策略，拒絕A、B服務(wù)器之間進行數(shù)據(jù)請求。

說了同源策略，紙上得來終覺淺，絕知此事要躬行，到底同源策略是怎么體現(xiàn)的呢？下面我將結(jié)合代碼一步一步進行演示。

1、A服務(wù)器請求不了B服務(wù)器的情況

既然是跨域，我就假設(shè)我有兩個域名,分別是 A 和 localhost , A 表示小編在阿里云上主機域名， localhost 顧名思義就是小編的開發(fā)機器了。我們想象這樣一個場景，在 localhost 上部署一個 index.html 文件，在 A 服務(wù)器上部署一個簡單的 spring-boot 后臺服務(wù)，并提供一個簡單的接口暴露給 index.html 文件調(diào)用，最后瀏覽器請求 localhost 的 index.html 文件，看瀏覽器提示什么？

index.html

<!DOCTYPE html>
<html>
<head>
<title>測試跨域訪問</title>
<meta charset="utf-8"/>
</head>
<body>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $.ajax({
        type : "get",
        async : true,
        url : "http://A/hello/map/getUser.json",// 請求A服務(wù)器上的接口
        type : "json",
        success : function(data) {
        // 打印返回的數(shù)據(jù)
        console.log("success,and return data is " + data);
        }
      });
    });
  </script>
    <h3>hello world</h3>
</body>
</html>

文章題目：springboot+jsonp解決前端跨域問題小結(jié)-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://jinyejixie.com/article22/ddejjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、域名注冊、面包屑導航、全網(wǎng)營銷推廣、網(wǎng)站內(nèi)鏈、虛擬主機

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

springboot+jsonp解決前端跨域問題小結(jié)-創(chuàng)新互聯(lián)