一个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中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号