天天看點

Vue實戰狗尾草部落格管理平台第五章

源碼位址:https://github.com/18291907191/gwc_manage

Vue實戰狗尾草部落格管理平台第五章

Vue實戰狗尾草部落格管理平台第五章

本章主要内容如下:

靜态資源伺服器的配置。學會如何使用靜态資源伺服器引入靜态資源。并給大家推薦一個免費可使用的oss伺服器~

頁面的開發由于近期做出的更改較大。就放在下一篇中。

靜态資源伺服器

靜态資源伺服器一般我叫他oss伺服器,我們一般都會将一些靜态資源檔案,比如圖檔或者其他的視訊,音頻檔案,腳本檔案等都可以進行存放。而我們在開發中也僅僅通過連接配接引入即可進行使用。減少了本地圖檔的加載。在通過CDN加速後,起響應速度也不用擔心啦~

免費的靜态資源伺服器體驗

七牛雲确實是一個挺良心的平台哈。說真的。不管是伺服器, 還是域名或者其他的産品價格都是挺實惠的。這裡呢,狗尾草要說的是,新使用者注冊的話是會送一年的免費的對象空間存儲的。

這裡所謂的對象存儲空間就是本章的一個重點。因為我們會配置好并進行使用。

當然這一切的前提是你已經有一個自己的域名了。沒有的話也是可以使用的。因為七牛會送你一個月或三個月的臨時域名供你使用。

  1. 進入七牛雲官網進行賬号注冊https://portal.qiniu.com/signup?ref=www.qiniu.com
  2. 點選左側對象存儲,并點選建立存儲空間
Vue實戰狗尾草部落格管理平台第五章
  1. 按照步驟進行空間名稱地區的選擇即可。這了不同的地區的話之間其實差別不是很大。可能網速有些許差别。但是也沒有很大的影響。
  1. 建立ok以後。就可以在左側看到你所建立的空間,比如狗尾草的就是bgwhite。建立好以後。大家可以看到右側空間概覽一欄下,包含了這樣一個功能融合CDN加速域名

這裡的意思就是說可以給你指定的域名進行CDN加速。可以讓你的域名被通路的速度得到更快的響應。

點選添加域名

Vue實戰狗尾草部落格管理平台第五章

域名類型普通域名即可。

下一項輸入需要加速的域名。這裡大家如果已經有域名了,那麼你可能需要建立一個你自己的子域名。狗尾草的域名時bgwhtie.cn。這裡呢因為是存放靜态資源的。是以建立的子域名為static.bgwhite.cn。

域名的廠商不同,可能設定的方式也不相同,狗尾草的域名時阿裡雲的。是以登入阿裡雲控制台。進入域名

Vue實戰狗尾草部落格管理平台第五章

點選進入域名解析。新增記錄。記錄值與七牛雲上的CNAME值是對應的。

在七牛雲加速域名建立後,會給域名配置設定一個CNAME值。這個值就是我們解析域名時所需要的記錄值。這一過程可能需要一天時間。

詳情見:CNAME

這一切步驟進行完成以後。我們的配置也就到了尾聲。

為了測試我們的配置是否ok。我們點選進行内容管理點選上傳檔案。

Vue實戰狗尾草部落格管理平台第五章

如果上傳成功後,我們可以通過預覽功能檢視是否成功上傳,上傳成功後。我們即可通弄過外鍊來使用~

到此,免費的靜态資源伺服器配置完成。

補充

oss伺服器可不是隻有這些功能。我們平時的開發呢。也可以通過配置七牛雲SDK文檔來進行檔案的上傳等操作。這裡呢,後期再狗尾草的部落格管理平台整理完成後。會繼續整理輸出一份關于node.js的實戰開發文檔的。

下一章

  1. 文章頁面的具體開發。
  1. vuex的高階使用

作者:狗尾草

出處:https://www.cnblogs.com/bgwhite/

-------------------------------------------

個性簽名:海到無邊天作岸,山登絕頂人為峰!

如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,部落客在此感謝!

vue