網上有很多教程寫的一大堆東西,新手可能會有點看不懂,現在我寫這篇文章是為了更好的幫助新手,如何將自己的前端項目部署到自己的服務器上。
首先我們必須要有一台自己的ubuntu服務器,如果沒有可以去阿里雲官網去購買一台,趁現在阿里雲搞活動。(ps:我並沒有打廣告)
然后我們准備我們的前端項目不管你是vue項目還是普通的jquery寫的項目都是一樣的,本文的前端項目是vue。
通過git把他克隆到我們的服務器下面,我的前端項目就放在/home
下面是我前端項目的目錄和內容,我們主要是用到打包后的dist文件夾。

然后我們開始安裝nginx

安裝完之后我們簡單的配置一下nginx
進入/etc/nginx/sites-enabled這個目錄,然后復制一份default到當前文件夾名字為自己取,現在我命名為resume.zengjielin.top

然后我們修改resume.zengjielin.top文件的內容,如下

你只需要修改我紅色框的部分
解釋一下server_name 寫你的域名
locations 寫你的前端的目錄所在的路徑,可以通過命令pwd來查看你前端的路徑,上面有截圖。
然后保存,再重啟一下你的nginx配置。

接下來我們訪問我們的網站:resume.zengjielin.top(復制網站到瀏覽器打開查看結果)

