具體步驟:
一、先執行前端vue專案的「build」任務,會得到乙個「dist」打包檔案。
二、在專案資料夾同級目錄下新建資料夾「***_server」。例如我的專案名稱為「shop」,那麼我在與「shop」同級目錄下新建乙個叫「shop_server」的資料夾。建立好之後用vscode開啟。
三、在vscode中開啟終端(ctrl+esc下方的鍵),在終端中執行npm init -y
,然後執行npm i express -s
,可以看到此時資料夾中多了一幾個檔案:
將「dist」檔案複製進「shop_sever」資料夾中。
四、將「dist」打包檔案部署到伺服器端,即可通過伺服器訪問該專案。(注:在訪問之前必須先啟動伺服器)
(2)在該檔案中寫入一下**:
// 1.匯入伺服器
const express = require(
'express'
)
// 2.建立web伺服器
)
// 3.託管靜態資源
'./dist'
))
// 3.啟動web伺服器(80為埠號))=
>
)
前端專案部署到伺服器
1.安裝編譯工具及庫檔案 yum y install make zlib zlib devel gcc c libtool openssl openssl devel pcre devel gcc gcc c 主要用來進行編譯相關使用 openssl openssl devel 一般當配置https...
vue專案部署到nginx伺服器
vue cli3 首先在專案根目錄建立乙個vue.config.js檔案 新增如下內容 module.export 然後 npm run build將vue打包後的dist資料夾放在nginx下的html資料夾即可。訪問 即可看到內容。注意 也可將dist資料夾改名為projectname,訪問 如...
vue專案部署到雲伺服器
雲伺服器我使用的liunx系統需要用到的環境git docker nginx node 安裝docker檢視是否已安裝docker列表 yum list installed grep docker 安裝docker yum y install docker y表示不詢問安裝,直到安裝成功,安裝完後再...