nginx如何指向本地路径及500错误解决方法

阳光穿透心脏的1/2处 2024-03-22 19:57 34阅读 0赞

![f5f0ef8420a3e51a7da83b3682886eae.jpeg][]

本文主要为大家介绍了nginx如何指向本地路径及500错误解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助。

一个vite+vue3项目，想要部署到服务器上。项目build后的文件都在dist目录下，将这个目录拷贝到服务器上，然后在nginx里进行配置，如下：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 </td> 
 <td> <code>server { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3571;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>server_name&nbsp; localhost;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>location / { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>root </code><code>/root/xxxx/dist/</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>try_files $uri $uri/ </code><code>/index</code><code>.html;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

这样就可以通过服务器的公网ip+端口3571来访问这个vue项目了，如果想通过域名访问，则可以这样配置：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 </td> 
 <td> <code>server { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>listen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 80;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>server_name&nbsp; video.xxx.com;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>location / { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>root </code><code>/root/xxxx/dist/</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>try_files $uri $uri/ </code><code>/index</code><code>.html;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

这样直接访问video.xxx.com就可以直接访问这个vue项目。

注意这里可能存在一个问题，就是配置正确后访问出现500错误。 出现这个错误首先判断是不是本地路径设置错了，如果路径没有错误，那么可能就是权限问题。 在nginx的一开头会配置nginx的用户，如下：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>user nginx;</code> <code>worker_processes auto;</code> <code>error_log </code><code>/var/log/nginx/error</code><code>.log;</code> <code>...</code> </td> 
 </tr> 
 </tbody> 
</table>

我这默认是nginx用户，这样就没有权限去访问/root/xxxx/dist/目录，所以出现500错误，换成root用户即可，如下：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 </td> 
 <td> <code>user root;</code> <code>worker_processes auto;</code> <code>error_log </code><code>/var/log/nginx/error</code><code>.log;</code> <code>...</code> </td> 
 </tr> 
 </tbody> 
</table>

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

以上就是nginx如何指向本地路径及500错误解决方法的详细内容，希望可以帮到你

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

[f5f0ef8420a3e51a7da83b3682886eae.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/b2a181dba3924c0bbff520562e185fe4.png
[Link 1]: https://www.weidianyuedu.com