Nuxt项目基于Nginx部署

基于Nuxt+Vue3是非常主流的前端开发技术栈，其简化了使用 Vue 构建服务端渲染（SSR）应用的过程，同时也支持静态站点生成、单页应用（SPA）等模式，非常适合构建搜索引擎友好的专业网站；而Nginx作为专业的HTTP代理与反向代理服务，是Web站点的主流的部署方式。因此本文尝试用简明语言描述如何将已经完成的Nuxt项目基于Nginx进行部署（采用windows系统）.

1.安装Nodejs.

这个比较简单，直接去官网下载，双击即可安装，注意下载的时候选用最近的一个LTS版本. 安装后，powershell输入node -v如果可以正常获取其版本信息就说明安装好了，如下图所示.

2.安装pm2

安装 PM2 来管理 Node.js 应用程序是一个非常常见的做法，因为 PM2 提供了生产环境中所需的各种功能，例如自动重启、负载均衡、日志管理和集群支持。

安装pm2很简单，即 npm install -g pm2

在生产环境中使用 PM2 时，建议配置 PM2 为系统服务，这样即使服务器重启，PM2 和它管理的所有应用也会自动启动。此外，定期检查应用的性能和资源消耗情况，及时处理可能出现的问题。

3.安装Nginx

Nginx的安装稍微复杂一些，但是参考官网文档还是可以安装的。在Windows环境下，可以采用WinSW等工具将Nginx注册为自启动服务，这样就可以一直运行，哪怕操作系统重启也会自动启动运行。

4.编译Nuxt项目

使用npm run build命令编译Nuxt项目，这时会创建一个 .nuxt文件夹，其中包含优化过的静态文件和服务端渲染所需的文件。