Vue專案實戰 上線部署

2021-10-23 06:10:35 字數 889 閱讀 8455

剔除專案無用**

前端效能優化

配置伺服器做網域名稱解析

上傳專案 啟動服務

(1)路由按需載入方案

路由懶載入能把不同路由對應的元件分割成不同的**塊,然後當路由被訪問的時候才載入對應元件,這樣就更加高效了。

路由懶載入主要目的是防止 首屏載入內容過多,延時過長,造成白屏,不利於使用者體驗。

方式1

在router.js中:

import vue from

'vue'

;import router from

'vue-router'

;vue.

use(router)

;export

default

newrouter(,

,]},

,]})

方式2

使用動態 import語法來定義**分塊點。

import vue from

'vue'

;import router from

'vue-router'

;vue.

use(router)

;export

default

newrouter(,

,]},

,]})

(2)刪除預載入 - 真正按需

在vue.config.js中加入配置:

module.exports =

}

(3)伺服器部署準備工作

(4)伺服器nginx軟體安裝和配置

(5)node環境搭建

(6)專案部署

vue個人部落格專案部署上線

頭像功能,訪問者和站長分別用不同的頭像來區分 點讚功能,點讚情況記錄在瀏覽器的localstorage裡,下次訪問會還原點贊情況 用localstorage記錄郵箱和暱稱,下次訪問不用重新輸入 自定義快捷鍵 切換預覽模式 高亮顯示,使用hightlight.js進行 高亮顯示 提醒儲存,沒有儲存就離...

Django專案部署上線

包壓縮技巧 zip unzip linux 下的zip檔案的壓包和解包命令 tar cjvf python3.6 env.tar.bz2 python3.6 env tar xjvf python3.6 env.tar.bz2 一。壓縮拷貝 1 進入工程主目錄 cd shdjangolesson 2...

thinkjs antd專案部署上線

感謝內容提供者 金牛區吳迪軟體開發工作室 第一步 將 提交到遠端倉庫,而後服務端進行拉取 第二步 將服務端 和前端 進行打包 第三步 啟動服務和前端專案 前端 統一處理請求位址 request 網路請求工具 更詳細的 api 文件 import from umi request import mom...