將vue專案部署到linux上

2021-10-04 10:07:04 字數 683 閱讀 2232

部署vue專案有兩種方式:

1、使用tomcat伺服器;

2、使用nginx伺服器

準備工作:打包vue專案(npm run build),生成的專案檔案在dist檔案中。(關於vue的使用)

一、使用tomcat進行部署

2、將dist資料夾打包上傳(使用rz命令,沒有此命令的用yum install lrzsz安裝此命令),unzip命令解壓;

3、將解壓好的檔案放入root目錄,沒有root目錄的可以mkdir root新建此目錄;

二、使用nginx進行部署

1、沒有nginx的,可以使用命令yum install -y nginx進行安裝 ;

2、將dist中的檔案上傳的/usr/share/nginx/html目錄;

說明:如果是其他安裝方式,不一定是在這個目錄,可以使用find -name "nginx"命令進行檢視。

3、啟動nginx即可訪問(./usr/sbin/nginx,回車,預設是80埠,訪問的時候可以省略) 

說明:如果需要配置埠,可以編輯/etc/nginx/nginx.conf檔案進行修改。

覺得有用的老鐵贊一下唄!

vue專案部署執行到tomcat上

使用webstrorm開發vue前端工程專案時,使用命令npm run dev開啟服務,可以通過訪問電腦ip 電腦埠實時預覽頁面,當時我在想使用手機端來除錯頁面時,發現即使手機與電腦處於同一區域網環境下,仍然無法訪問。這就很奇怪了 平時只要我的電腦和手機處於同一區域網環境下,使用手機訪問電腦ip 電...

通過XAMPP將專案部署到Tomcat上

2 可以看到xampp的控制面板如下所示 3 在xampp控制面板中啟動apache伺服器,並在瀏覽器位址列輸入http localhost回車,當出現如下頁面時,表示xampp安裝並且配置成功。有需要的話,可以通過修改配置檔案為了避免埠衝突,配置檔案位於f xampp apache conf ht...

將Django專案部署到伺服器上(上)

點選上圖所示按鈕後,新增規則 只需看下圖填兩個地方即可 下面是我新增好的效果 小編在這裡新增了常用的80 8080以及3306 點選後,在下圖彈出的視窗中設定密碼即可 改完記得重啟 成功登入遠端伺服器 檢視firewall服務狀態 檢視firewall的狀態 開啟firewalld.service服...