pm2同时启动服务端以及前端示例：thinkjs+antd-pro

落日映苍穹つ 2023-03-01 12:44 7阅读 0赞

> 如果你不会如何部署项目请参考笔者的部署项目的博客：[https://wudi98.blog.csdn.net/article/details/96706276][https_wudi98.blog.csdn.net_article_details_96706276]

我们在平时项目部署的时候大家都喜欢用pm2去启动服务和前端项目。这样在关闭命令行的时候服务也不会跟着一起关闭了。

笔者相信大部分朋友都是跟笔者之前一样，先到服务端目录pm2启动服务，  
然后在跑去前端pm2启动项目。

太麻烦了。。。  
接下来我们就来个简单的~

**我们先来看下效果：**

> 直接就启动了服务端加前端  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]

那我们在启动项目的时候如何把前端和服务端一起去启动呢？

我们可以写一个package.json文件：

{ 
      "apps": [
        { 
          "name": "server",
          "script": "production.js", // 启动的脚本文件
          "cwd": "/home/www/supermarket-system", // 服务端项目地址
          "exec_mode": "fork",
          "max_memory_restart": "1G",
          "autorestart": true,
          "node_args": [],
          "args": [],
          "env": { }
        },
        { 
          "name": "front",
          "script": "http-server -c10", // 要执行的命令
          "cwd": "/home/www/supermarket_management_system/dist", // antd-pro打包后的文件地址
          "exec_mode": "fork",
          "max_memory_restart": "1G",
          "autorestart": true,
          "node_args": [],
          "args": [],
          "env": { 
            "NODE_ENV": "production"
          }
        }
      ]
    }

而后使用

pm2 start pm2.json

这样就可以把你前端项目和服务端一起启动起来了。

[https_wudi98.blog.csdn.net_article_details_96706276]: https://wudi98.blog.csdn.net/article/details/96706276
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]: /images/20230208/d54d981e591d4b6183522169330e08fa.png