正文

一個(gè)vite+vue3項(xiàng)目，想要部署到服務(wù)器上。項(xiàng)目build后的文件都在dist目錄下，將這個(gè)目錄拷貝到服務(wù)器上，然后在nginx里進(jìn)行配置，如下：

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

這樣就可以通過服務(wù)器的公網(wǎng)ip+端口3571來訪問這個(gè)vue項(xiàng)目了，如果想通過域名訪問，則可以這樣配置：

server {
    listen       80;
    server_name  video.xxx.com;
    location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
    }
}

這樣直接訪問video.xxx.com就可以直接訪問這個(gè)vue項(xiàng)目。

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

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

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

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

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

以上就是nginx如何指向本地路徑及500錯(cuò)誤解決方法的詳細(xì)內(nèi)容，更多關(guān)于nginx指向本地路徑500錯(cuò)誤的資料請關(guān)注其它相關(guān)文章！