第一步:安裝nginx
https://www.cnblogs.com/aaronthon/p/9945993.html
第二步:啓動nginx,瀏覽器輸入localhost查看是否部署成功
sudo systemctl start nginx.service #開啓服務
sudo systemctl enable nginx.service #跟隨系統啓動服務
瀏覽器輸入網址查看
第三步:配置nginx
nginx的配置文件在 /etc/nginx 文件夾中。在該文件夾中,nginx.conf存放的是配置文件,我們需要修改的就是這個文件
看的教學視頻是18年末的,那時候的nginx的nginx.conf的這個配置文件中有server{..} 的內容,因此直接改這個配置文件即可。但最新的(2020年2月18日)nginx的nginx.conf文件中沒有這個內容,因此需要在其他地方改。
查看該文件我們發現,
這個文件最終會將sites-enabled文件夾下的所有文件導入,因此我們打開sites-enabled文件夾,如下圖,其中有一個default文件,我們只需要改這個文件即可。
打開default文件,找到server{..},將root後面改成你即將放dist文件夾的路徑
這樣的話,就部署完成了。但會出現刷新界面就404的情況。因此還要改,我們還是打開default文件,找到location / {...}, 將try_files後面修改成如下圖所示即可。
大功告成!