首頁 > 軟體

將VUE專案部署到伺服器的詳細步驟

2022-08-17 18:01:33

寶塔面板上操作

一、idea中vue專案的打包

1、設定打包後專案的名稱

publicPath:process.env.NODE_ENV === 'production'
  ? '/back/'
  :'/',
 
  outputDir:'back'

2、將專案打包

3、生成的包內的檔案如下:

二、部署到伺服器

1、找到Nginx的安裝位置

2、 將打包後的vue專案檔案放在html檔案架下面

3、將打包後的資料夾上傳至html資料夾

4、設定開啟頁面的路徑

 (1)找到Nginx,點選設定

(2)點選設定修改,新增如下內容,如果有兩個專案就新增兩個location

        location /mail {
            root   mail;
            index  index.html index.htm;
        }
        
        location /back {
            root   back;
            index  index.html index.htm;
        }

三、用IP地址存取

ip+專案名

例如:http://123.123.123.123/back

總結

到此這篇關於將VUE專案部署到伺服器的文章就介紹到這了,更多相關VUE專案部署伺服器內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com