一个vite+vue3项目，想要部署到服务器上。项目build后的文件都在dist目录下，将这个目录拷贝到服务器上，然后在
nginx
里进行配置，如下：
这样就可以通过服务器的公网ip+端口3571来访问这个vue项目了，如果想通过域名访问，则可以这样配置：
这样直接访问video.xxx.com就可以直接访问这个vue项目。
注意这里可能存在一个问题，就是配置正确后访问出现500错误。如果遇到这个错误，首先要检查本地路径是否设置正确，如果路径无误，则可能出现权限问题。 在nginx的一开头会配置nginx的用户，如下：
Nginx
在宝塔面板中轻松管理Nginx高性能Web服务器。提供可视化配置反向代理、负载均衡、SSL证书及HTTP缓存功能，一键优化高并发性能，助您高效搭建稳定、快速的网站运行环境。
下载
我这默认是nginx用户，这样就没有权限去访问/root/xxxx/dist/目录，所以出现500错误，换成root用户即可，如下：
注意：重新配置nginx后要重启nginx服务才行（service nginx restart）。
server {
listen 3571;
server_name localhost;
location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
}
}server {
listen 80;
server_name video.xxx.com;
location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
}
}user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
...user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
...