nuxt.js + pm2 部署

我就是我 2023-07-22 12:30 12阅读 0赞

对于 nuxt 项目，一般采用官方提供的 [create-nuxt-app][] 脚手架，具体过程 [https://zh.nuxtjs.org/guide/installation/][https_zh.nuxtjs.org_guide_installation] 。

1.  在实际开发中一般使用 `npm run dev` 其本地服务进行开发
2.  发布部署的时候首先需要 `npm run build` （相当于 `nuxt build` ） 利用webpack编译应用，压缩JS和CSS资源
3.  之后将文件上传到指定的服务器
4.  需要 `npm run start` （相当于 `cross-env NODE_ENV=production node server/index.js` ）

对第4步进行说明，如果使用了 Koa/Express 等 Node.js Web 开发框架，并使用了 Nuxt 作为中间件，可以自定义 Web 服务器的启动入口：

<table> 
 <thead> 
  <tr> 
   <th>命令</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>NODE_ENV=development nodemon server/index.js</code></td> 
   <td>启动一个热加载的自定义 Web 服务器（开发模式）。</td> 
  </tr> 
  <tr> 
   <td><code>NODE_ENV=production node server/index.js</code></td> 
   <td>以生产模式启动一个自定义 Web 服务器 (需要先执行 nuxt build)。</td> 
  </tr> 
 </tbody> 
</table>

至于 [cross-env][] 是运行跨平台设置和使用环境变量的脚本。

当我们以对应服务启动生产模式的 nuxt 项目的时候，可以正常访问（我这里都是采用 nginx 配置的代理），但是当我们关闭命令行窗口的时候，服务也就关闭了，所以这个时候我们需要使用 pm2 。

使用 pm2 启动 nuxt 项目：

1.  先到服务器项目的根目录下
2.  `pm2 start npm --name "name" -- run start`

对第2步进行说明，这里设置的 name 之后可以在 `pm2 list` 进行查看，并且之后可以通过 `pm2 start name` 或 `pm2 stop name` 对服务进行开关。

pm2 常用的命令行：

[create-nuxt-app]: https://github.com/nuxt/create-nuxt-app
[https_zh.nuxtjs.org_guide_installation]: https://zh.nuxtjs.org/guide/installation/
[cross-env]: https://www.npmjs.com/package/cross-env