一個vite vue3項目,想要部署到伺服器上。專案build後的檔案都在dist目錄下,將這個目錄拷貝到伺服器上,然後在nginx裡進行配置,如下:
server { listen 3571; server_name localhost; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
這樣就可以透過伺服器的公網ip 連接埠3571來存取這個vue專案了,如果想透過網域訪問,可以這樣配置:
server { listen 80; server_name video.xxx.com; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
這樣直接訪問video.xxx.com就可以直接存取這個vue專案。
注意這裡可能有一個問題,就是配置正確後存取出現500錯誤。如果遇到這個錯誤,首先要檢查本機路徑是否設定正確,如果路徑無誤,則可能出現權限問題。在nginx的一開頭會配置nginx的用戶,如下:
user nginx; worker_processes auto; error_log /var/log/nginx/error.log; ...
我這預設是nginx用戶,這樣就沒有權限去訪問/root/xxxx/dist/目錄,所以出現500錯誤,換成root用戶即可,如下:
user root; worker_processes auto; error_log /var/log/nginx/error.log; ...
注意:重新配置nginx後要重啟nginx服務才行(service nginx restart)。
以上是nginx指向本地路徑及500錯誤解決的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!