在Ubuntu上使用nginx部署vue

第一步:安裝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後面修改成如下圖所示即可。

大功告成!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章