vue3布署nginx设置

要将Vue 3应用程序部署到Nginx服务器上，您可以按照以下步骤进行配置：

1. 安装Nginx：首先，确保您已经在服务器上安装了Nginx。具体的安装方法可以根据您所使用的操作系统和包管理器而异。

2. 配置Nginx：找到Nginx的配置文件，默认路径为`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`。

3. 在配置文件中，找到`server`块，并添加以下配置项来指定Vue应用程序的根目录和入口文件：

   server {
       listen 80;
       server_name your-domain.com;
       root /path/to/vue-app/dist;
       index index.html;

       location / {
           try_files $uri $uri/ /index.html;
       }
   }

将`your-domain.com`替换为您的域名，将`/path/to/vue-app/dist`替换为您Vue应用程序的打包后的目录路径。

4. 保存配置文件并退出编辑器。然后，重新启动Nginx服务以使配置生效。可以使用以下命令来重新启动Nginx：

   sudo service nginx restart

或者，如果您使用的是systemd，可以使用以下命令：

   sudo systemctl restart nginx

5. 确保您的域名已经正确解析到服务器的IP地址。您可以通过在浏览器中访问您的域名来验证部署是否成功。

以上步骤假设您已经使用`yarn build`命令将Vue应用程序打包为静态文件，并将生成的文件放置在Nginx的根目录中。根据您的实际情况，可能需要进行一些自定义配置，例如SSL证书的配置、反向代理等。请根据您的需求进行相应的调整和配置。