nuxt3 配置 nginx

Nuxt.js 是一个基于 Vue.js 的用于构建服务器渲染应用的框架，而 Nuxt3 是 Nuxt.js 的最新版本，它提供了更优化的性能和更好的开发者体验。配置 Nuxt3 与 Nginx 通常是为了将 Nuxt 应用部署到生产环境，以便更好地管理静态资源和处理路由。

下面是配置 Nuxt3 与 Nginx 的基本步骤：

1. **Nuxt 项目配置**:
在你的 Nuxt 项目根目录下，确保已经运行过 `npm run build` 或者 `yarn generate` 来生成静态文件（在 Nuxt3 中，这通常会生成 `dist` 文件夹）。

2. **Nginx 配置文件**:
创建或编辑 Nginx 的主配置文件，通常位于 `/etc/nginx/nginx.conf` 或相应的站点目录（如 `/etc/nginx/sites-available/your-site`）。添加以下基本配置示例：

   server {
       listen 80; # 或者你选择的端口，如 443
       server_name yourdomain.com;

       root /path/to/your/nuxt/dist; # 你的 Nuxt 项目的 dist 文件夹路径

       index index.html; # 使用默认的 HTML 文件作为索引
       try_files $uri $uri/ @nuxt;

       location @nuxt {
           proxy_pass http://localhost:3000; # 如果你的 Nuxt 本地开发端口是 3000，根据实际情况修改
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection "upgrade";
       }

       # 静态资源处理
       location ~* \.(js|css|png|jpg|gif|woff(2)?|ttf|eot)$ {
           expires max;
           log_not_found off;
       }
   }

3. **启动 Nginx**:
保存并关闭配置文件后，重启 Nginx 服务：`sudo service nginx restart` 或 `sudo systemctl restart nginx`.

**相关问题--:**
1. Nuxt3 的哪条命令用于生成静态文件？
2. 在 Nginx 中，`@nuxt` 指向的 `location` 块有什么作用？
3. 如何在 Nuxt3 部署时更改 Nginx 的监听端口？