很多前端開發(fā)者一定已經(jīng)知道vue這個(gè)JavaScript框架了，vue不僅可以用于前端開發(fā)，而且框架本身也非常容易上手。現(xiàn)在我們來了解如何將vue應(yīng)用部署到服務(wù)器上。

第一步，我們需要使用npm運(yùn)行以下命令以打包貢獻(xiàn)的app。

npm run build

這將會(huì)在項(xiàng)目的根目錄下的dist文件夾里生成打包后的文件。

第二步，我們可以將生成的dist文件夾部署到服務(wù)器上，可以使用scp來完成該任務(wù)。如果你已經(jīng)將你的應(yīng)用部署到了遠(yuǎn)程GitHub repo上，你也可以使用git pull以獲取打包好的應(yīng)用。

第三步，我們需要在服務(wù)器上安裝http server，如果你的服務(wù)器是Ubuntu的話，你可以用下面這條命令來安裝：

sudo apt install apache2 -y

安裝完成后，你可以在/var/www/html文件夾下創(chuàng)建一個(gè)新的文件夾，該文件夾便是你部署應(yīng)用的目的地。

假設(shè)你的應(yīng)用現(xiàn)在被部署到了/var/www/html/myapp文件夾中，你可以在該目錄下創(chuàng)建一個(gè)index.html文件，該文件將作為你的應(yīng)用的主頁面。

最后，我們需要啟動(dòng)http server。Ubuntu上的http server默認(rèn)是啟動(dòng)的，但有些其他的操作系統(tǒng)可能需要你手動(dòng)啟動(dòng)。為了啟動(dòng)http server，在終端中輸入以下命令即可：

sudo service apache2 start

這樣，你的vue應(yīng)用便可以在服務(wù)器上正常運(yùn)行了，你也可以使用類似的方法來部署其他類型的前端應(yīng)用。