關於利用oss託管vue的前後端分離專案

2021-09-20 13:00:58 字數 626 閱讀 3553

對於學生機或者小頻寬的伺服器來說,第一次載入巨大的js檔案簡直就是噩耗,特別是寶貴的面試官的時間,這樣的**都不忍心寫到簡歷上去。更何況是使用者的時間,所以就考慮有沒有可以在不買大頻寬伺服器的情況下該怎麼優化呢?經過簡單的調研可以有以下的方式:

這個就是直接寫,也可以在webpack時利用外掛程式區分出來…

server
接下來我結合乙個專案演示:

修改public/index.html的全域性位址與位址為圖中所示…(官方後端)

修改utils/request.js的baseurl如圖所示。這個時候build的生產檔案就可以直接用了。

vue打包上傳oss

打包好vue檔案之後,在阿里雲控制台找到物件儲存oss,新建乙個bucket,設定好名稱,區域,儲存型別,讀寫許可權,如圖:

點確定就建立好了bucket,接下來在基礎設定中設定靜態頁面->預設首頁為index.html並且在映象回源中設定重定向,如圖:

剩下的就交給阿里雲了吧(完)。

最後結果就是本來乙個js1.7m現在有阿里雲oss的頻寬以及自動cdn以及gizp壓縮,大大加快了訪問速度。

這個不知道什麼時候會過期~結果展示。f12看細節

php 利用阿里雲oss實現託管檔案

以下是我在使用時封裝的class include ia root autoload.php use oss ossclient 引入命名空間 use oss core os ception 引入命名空間 class aliosselse 新建乙個建立虛擬目錄 dir bucket 儲存空間名稱,名稱...

關於常量的前字尾

常量例如12.5或者hello,在c primer中稱為文字常量,他們通常不可定址,即使他們儲存在記憶體裡,但我們無法訪問他們。文字常量適用於c 的資料分類,廢話?在常量後面加乙個字母來說明其資料型別。預設情況下,整形文字常量被認為是int型,浮點型文字常量被認為是double型。為了改變預設整形常...

關於攝影的前後期

你好,我是悅創。我的學生普遍後期不好,甚至完全不會用 lightroom 這類基本影象處理軟體。但數碼後期非常難教,幾乎每一張的處理思路都會不同,而軟體常規使用又需要每個人自己去熟悉。我猜很多人也都會遇到這樣的問題,甚至覺得相機不如手機好用。我放一張的前後處理比較簡單示意一下缺失後期對攝影的影響。這...