第11章前后端數據交互技術前后端設備前后端設備客戶端和服務器端客戶端：在瀏覽器中運行的部分。使用HTML、CSS、JavaScript構建服務器端：在服務器中運行的部分。負責存儲數據和處理應用邏輯用戶交互的界面使用node.js、Java、.net等構建網站服務器能夠提供網站訪問服務的機器就是網站服務器。它能夠接收客戶端的請求，能夠對請求做出響應。服務器相關概念IP地址：是互聯網設備的唯一標識域名：由于IP地址難于記憶，所以產生了域名的概念，所謂域名就是平時上網所使用的網址。

開發過程，使用本機作為服務器：特定IP為，特定域名為localhost端口：使用端口區分不同的服務。URL：統一資源定位符，又叫URL，是專為標識internet網上資源位置而設的一種編址方式。傳輸協議：//服務器ip或域名:端口/資源所在位置標識/cup/?sort=students_count&category_id=3https:///blog/2014/05/restful_api.htmlRESTfulAPI規范開發者工具中查看報文json-server可以指定一個json文件作為api的數據源網址：/typicode/json-server安裝：npminstall-gjson-server啟動服務：json-server--watchdb.json

必須在.json數據所在的目錄下運行啟動命令axios

一、定義Axios是一個基于promise的HTTP庫，可以用在瀏覽器和node.js中。二、原理axios本質上也是對原生XHR（）的封裝，只不過它是Promise的實現版本，符合最新的ES規范。三、主要特點（1）從瀏覽器創建XMLHttpRequests（2）從node.js創建http請求（3）支持PromiseAPI（4）攔截請求和響應（5）轉換請求和響應數據（6）取消請求（7）自動轉換JSON數據（8）客戶端支持防御XSRF[2]“CSRF/XSRF(Cross-siterequestforgery),中文名稱:跨站請求偽造四、axios開發網址（1）axios中文文檔|axios中文網/zh-cn/docs/（2）github/axios/axios（3）CDN國內引用地址（CDN的全稱是ContentDeliveryNetwork，即內容分發網絡。）//axios/五、應用axios1、安裝2、基本使用3、axios的api4、默認配置5、攔截器6、取消請求7、封裝8、跨域Axios封裝1、每次客戶端與服務器連接只處理一個事務，就斷開連接。2、http協議是無狀態的，沒有記憶能力。http協議特性：https:///weixin_45070175/article/details/118559272

利用token進行用戶身份驗證的流程：1、客戶端使用用戶名和密碼請求登錄2、服務端收到請求，驗證用戶名和密碼3、驗證成功后，服務端會簽發一個token，再把這個token返回給客戶端4、客戶端收到token后可以把它存儲起來，比如放到cookie中5、客戶端每次向服務端請求資源時需要攜帶服務端簽發的token，可以在cookie或者header中攜帶6、服務端收到請求，然后去驗證客戶端請求里面帶著的token，如果驗證成功，就向客戶端返回請求數據tokenJWT就是上述流程當中token的一種具體實現方式，其全稱是JSONWebToken

瀏覽器的同源策略同源：是指協議，域名，端口都要相同，其中有一個不同都會產生跨域。跨域：是指協議，域名，端口都要相同，其中有一個不同都會產生跨域。同源策略：在沒有明確授權的情況下，禁止頁面加載或執行與跨域的任何腳本。同源策略限制的行為：1.)不同源的Cookie、LocalStorage和IndexDB無法讀取2.)不同源DOM和Js對象無法獲得3.)不同源AJAX請求不能發送跨域資源共享（CORS）跨域資源共享（corss-originresourcesharing）：CORS需要瀏覽器和服務器同時支持。當瀏覽器進行跨域請求的時候，會在請求里添加頭部origin，表明自己協議，主機，端口。當服務器收到這個客戶端發送的請求之后，如果需要允許能夠訪問，就需要添