很多前端開發者一定已經知道vue這個JavaScript框架了,vue不僅可以用于前端開發,而且框架本身也非常容易上手?,F在我們來了解如何將vue應用部署到服務器上。
第一步,我們需要使用npm運行以下命令以打包貢獻的app。
npm run build
這將會在項目的根目錄下的dist
文件夾里生成打包后的文件。
第二步,我們可以將生成的dist
文件夾部署到服務器上,可以使用scp來完成該任務。如果你已經將你的應用部署到了遠程GitHub repo上,你也可以使用git pull以獲取打包好的應用。
第三步,我們需要在服務器上安裝http server,如果你的服務器是Ubuntu的話,你可以用下面這條命令來安裝:
sudo apt install apache2 -y
安裝完成后,你可以在/var/www/html
文件夾下創建一個新的文件夾,該文件夾便是你部署應用的目的地。
假設你的應用現在被部署到了/var/www/html/myapp
文件夾中,你可以在該目錄下創建一個index.html
文件,該文件將作為你的應用的主頁面。
最后,我們需要啟動http server。Ubuntu上的http server默認是啟動的,但有些其他的操作系統可能需要你手動啟動。為了啟動http server,在終端中輸入以下命令即可:
sudo service apache2 start
這樣,你的vue應用便可以在服務器上正常運行了,你也可以使用類似的方法來部署其他類型的前端應用。