Linux 部署Vue專案

2022-06-08 20:15:07 字數 2199 閱讀 9457

假設你這邊已經寫好了乙個vue的專案,並且本地執行也是沒有問題的,現在我們就可以部署到伺服器上了,我們使用nginx進行部署

nginx 是乙個高效能的 web 和反向**伺服器, 它具有有很多非常優越的特性:

作為 web 伺服器:相比 apache,nginx 使用更少的資源,支援更多的併發連線,體現更高的效率,這點使nginx 尤其受到虛擬主機提供商的歡迎。能夠支援高達 50,000 個併發連線數的響應. 更好的處理靜態檔案nginx 安裝非常的簡單,配置檔案 非常簡潔,bug非常少的伺服器: nginx 啟動特別容易,並且幾乎可以做到7*24不間斷執行,即使執行數個月也不需要重新啟動

這是我開發的專案目錄結構

在專案根目錄下,執行打包命令

npm run build
打包完成會在專案根目錄下生成乙個dist的目錄,我們可以命名為zz-mms

打包完成之後把zz-mms上傳到伺服器

我是上傳在/opt目錄下

安裝啟動nginx,如何安裝和啟動,請移駕我nginx的部落格

開啟nginx的配置檔案進行修改

下面是我的配置檔案,僅供參考

}其中的/pro-api是我們在專案的.env.production裡面的變數

預設埠是80,訪問雲伺服器的ip位址,如果訪問成功,則配置成功

如果沒有訪問成功,檢查雲伺服器的埠是否開放

linux環境nginx部署vue專案

先將vue打包 上傳到伺服器隨意目錄下,進入到你上傳的那個目錄下 解壓 unzip dist.zip 或者直接解壓後再上傳 如果提示命令未找到 可能是沒有安裝unzip 安裝unzip zip yum install y unzip zip 我的路徑 配置nginx conf下的nginx.conf...

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案,npm run build 之後會生成乙個dist資料夾,即為打包好的檔案,將檔案放在磁碟中,配置nginx監聽80埠,並指定服務名稱server name,最終可用kangqiao.kangqiao.c...

centos部署vue專案

參考鏈結 nodejs伺服器部署教程二,把vue專案部署到線上 打包 在本地使用以下命令,打包 npm run build 打包之後本地會出現dist資料夾。將dist資料夾以及package.json 檔案上傳到centos伺服器上,此處隨便什麼位置,新建個資料夾就能放。啟動專案 定義目錄 con...