很多小伙伴在學習vue或者element-UI的時候會接觸到這樣一個名詞——cdn，沒聽過的小伙伴不免感到好奇。今天小編就來講解，cdn服務器是什么？為什么要使用它？

介紹

CDN，英文全稱為Content Delivery Network，也就是內容分發(fā)網絡（或者內容傳送網絡），這是一種用來改善互聯網質量的技術。它的原理圖主要如下：

互聯網相應知識

首先我們先談一下互聯網結構。如上圖所示，互聯網其實是由一堆的路由器連接而成。像公司或者學校那樣，一整個區(qū)域的計算機通過路由器以樹形結構連接在一起，就構成了一個一個的局域網。同城的局域網之間通過路由器連接，就構成了城域網（城際網絡）。城與城之間通過路由器連接，就構成了廣域網（也就是互聯網，大到國與國之間的連接，小到城市與城市的連接，通常城市與城市先連接構成一個國家的廣域網再與其他國家進行相連）。城域網之間以互聯網干道進行相連。

問題的產生

那么，我們訪問一個位于其他城域網的服務器，就要經過如上圖紅色線所示的路線。但是，干道的總帶寬是有限的，如果一個網頁需要的全部文件都通過干道進行傳輸，那么干道就會變得擁堵，所以時常會導致響應很慢甚至丟包的情況。這時候開發(fā)者對于線路的優(yōu)化是無能為力的，他們只能通過對項目的優(yōu)化來使用戶的體驗更好一些，于是專門的cdn公司在1999年誕生了（cdn這個概念在1986年被提出）。

cdn如何解決問題

cdn解決問題的方式也很簡單，既然主干道擁擠，那么就將服務器部署在城際網，這樣用戶在跨城請求的時候就能將需要傳輸的數據降到比較小的情況（但是不能把全部的東西都放在城際網的服務器上,一般是放一些靜態(tài)資源，比如靜態(tài)HTML和圖片）。這樣子用戶需要訪問遠程服務器拿取數據的時候，服務器會就近選擇一個合適的cdn讓其將靜態(tài)內容返回給用戶，然后遠端服務器只需要返回主要數據即可。這樣做不僅大大減少了主干道的帶寬占用，也降低了服務器的壓力。

我們如何使用cdn

我們只是一些學習人員，并沒有向企業(yè)那樣的財力去部署很多cdn，但是我們也可以使用這些cdn（上面說了，有專門的公司在做cdn）。比如我們使用element-UI或者vue.js這種文件的時候，完全可以到百度上搜索對應的cdn并拿來使用。

小結

以上就是“使用cdn有什么好處”的全部介紹。更多精彩好文，關注W3C技術頭條。