vue專案部署

2021-08-03 08:24:17 字數 430 閱讀 4813

1、更改專案下config資料夾index.js檔案(標紅處兩個位置)

build: ,

2、打包檔案,npm run build ,之後會生成乙個dist資料夾,即為打包好的檔案,將檔案放在磁碟中,配置nginx監聽80埠,並指定服務名稱

server_name
,最終可用kangqiao.kangqiao.com/index.html訪問專案(需要在hosts檔案中指定本地埠指向kangqiao.kangqiao.com)

hosts配置

127.0.0.1 kangqiao.kangqiao.com

nginx監聽

server      

}

vue專案部署

放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...

vue專案部署Nginx

cd usr local 切換路徑 1.2 解壓安裝 tar zxvf nginx 1.6.2.tar.giz c usr local local這個目錄類似於windows的program目錄,所以一些軟體可以都安裝在這裡 1.yum install pcre 2.yum install pcre...

建立Vue專案部署

感謝vue spring boot 專案實戰 一 專案簡介這位博主的詳細介紹,本文內容主要參考其部落格!安裝 cnpm 的命令為 npm install g cnpm registry 若你的系統為ubuntu,則安裝npm可以參考在ubuntu 18.04上,如何安裝node.js npm ubu...