正文

一個vite+vue3項目，想要部署到服務器上。項目build后的文件都在dist目錄下，將這個目錄拷貝到服務器上，然后在nginx里進行配置，如下：

server {
    listen       3571;
    server_name  localhost;
    location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
    }
}

這樣就可以通過服務器的公網(wǎng)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項目。

注意這里可能存在一個問題，就是配置正確后訪問出現(xiàn)500錯誤。 出現(xiàn)這個錯誤首先判斷是不是本地路徑設置錯了，如果路徑?jīng)]有錯誤，那么可能就是權限問題。 在nginx的一開頭會配置nginx的用戶，如下：

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

我這默認是nginx用戶，這樣就沒有權限去訪問/root/xxxx/dist/目錄，所以出現(xiàn)500錯誤，換成root用戶即可，如下：

user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
...

注意：重新配置nginx后要重啟nginx服務才行（service nginx restart）。

以上就是nginx如何指向本地路徑及500錯誤解決方法的詳細內容，更多關于nginx指向本地路徑500錯誤的資料請關注其它相關文章！