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

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

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

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

我们先来看下效果：

直接就启动了服务端加前端

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

我们可以写一个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

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