• <track id="em4g6"><strike id="em4g6"></strike></track>
      1. 教育改變生活,株洲科泰成就夢想!
        報名熱線:0731-28161709

        教學課堂CLASSROOM

        開班信息
        熱門話題
        web開發
        目前所在位置: 首頁 > web開發

        url完整結構以及同源跨域處理的介紹

        來源:北大青鳥科泰校區時間:2019-04-09

        內容提要: 北大青鳥科泰IT培訓學院為大家提供url完整結構以及同源跨域處理的介紹。

        前言:隨著工作時間的增長,前面學過的東西開始慢慢遺忘,抽空的時候就將一些資料整理整理,順一順,也當作一種溫習。我只是前端工匠,防止自己成為【一斷網就無法工作的程序員】

        url的完整結構

        協議類型(protocol)

        通過URL可以指定的主要有以下幾種:http、ftp、gopher、telnet、file等
        URL的組成協議 1、protocol(協議):指定使用的傳輸協議,下表列出 protocol 屬性的有效方案名稱。 
        最常用的是HTTP協議,它也是目前WWW中應用最廣的協議。

        http —— 超文本傳輸協議訪問該資源。 格式 http://
        https —— 用安全套接字層傳送的超文本傳輸協議訪問該資源。 格式 https://
        ftp —— 通過 FTP訪問資源。格式 FTP://
        mailto —— 電子郵件地址 通過 SMTP 訪問。 格式 mailto: 
        ldap —— 輕型目錄訪問協議搜索
        file —— 資源是本地計算機上的文件。格式file://
        news —— Usenet新聞組
        gopher —— Gopher協議
        telnet —— Telnet協議

        主機名(hostname)
        是指存放資源的服務器的域名系統 (DNS) 主機名或 IP 地址。
        有時,在主機名前也可以包含連接到服務器所需的用戶名和密碼(格式:username:password)。
        端口號(port) 整數,可選,省略時使用方案的默認端口,各種傳輸協議都有默認的端口號,
        如http的默認端口為80,https的默認端口為443
        路徑及文件名(path) 由零或多個“/”符號隔開的字符串,一般用來表示主機上的一個目錄或文件地址
        參數(parameters) 傳遞參數,可有多個參數,用“&”符號隔開,每個參數的名和值用“=”符號隔開
        hash值 #是用來指導瀏覽器動作的,對服務器端完全無用。所以,HTTP請求中不包括#。
        這些字符都不會被發送到服務器端。
        改變#不觸發網頁重載
        改變#會改變瀏覽器的訪問歷史

        默認情況下,Google的網絡蜘蛛忽視URL的#部分。
        但是,Google還規定,如果你希望Ajax生成的內容被瀏覽引擎讀取,
        那么URL中可以使用"#!",Google會自動將其后面的內容轉成查詢字符串_escaped_fragment_的值

        同源策略

        協議相同域名相同端口相同

        如果非同源,共有三種行為收到限制

        (1) Cookie、LocalStorage 和 IndexDB 無法讀取。

        (2) DOM 無法獲得。

        (3) AJAX 請求不能發送。

        Cookie
        Cookie 是服務器寫入瀏覽器的一小段信息,只有同源的網頁才能共享。

        跨域處理
        兩個網頁一級域名相同,只是二級域名不同,瀏覽器允許通過設置document.domain共享 Cookie。

        document.domain = ’example.com’;

        如果兩個網頁不同源,就無法拿到對方的DOM。

        AJAX

        除了架設服務器代理(瀏覽器請求同源服務器,再由后者請求外部服務),

        vue項目中 開發環境的跨域處理

        CORS詳解
        CORS需要瀏覽器和服務器同時支持。目前,所有瀏覽器都支持該功能,IE瀏覽器不能低于IE10。

        整個CORS通信過程,都是瀏覽器自動完成,不需要用戶參與。對于開發者來說,CORS通信與同源的AJAX通信沒有差別,代碼完全一樣。瀏覽器一旦發現AJAX請求跨源,就會自動添加一些附加的頭信息,有時還會多出一次附加的請求,但用戶不會有感覺。

        因此,實現CORS通信的關鍵是服務器。只要服務器實現了CORS接口,就可以跨源通信。
        相關推薦
        ?
        聯系我們

        掃碼關注科泰

        電話咨詢:0731-28161709

        學校地址:株洲市云龍示范區北大青鳥株洲科泰校區

        留言咨詢

        Copyright 株洲科泰信息有限公司 版權所有__湘ICP備19017566號

        久久久久亚洲精品无码网址色欲

      2. <track id="em4g6"><strike id="em4g6"></strike></track>