把vue-router和express项目部署到服务器的方法

– 首先确定此项目在本地能够运行成功 在本地命令行中输入npm run start，无报错，且打开127.0.0.1:3000 有写的路由为/的页面，如图 此为文件层级关系 front为前端文件 xk3为后台express与数据库mysql链接的文件 用命令行进入后台并且运行，启动成功 这是路径为/的页面 在浏览器中输入路径http://localhost:3000/ 浏览器中显示WelCome to express 至此此项目在本地运行成功，我们现在就要放到服务器上。 – 准备工作 此前服务器的基本设置就不再赘述。 打开xftp或者其他类似软件，将此项目全部复制到/var/www/路径 在本文中，我们将探讨如何将一个结合Vue Router和Express的项目部署到远程服务器。确保你的项目在本地已经能够成功运行。通过在命令行中输入`npm run start`，检查是否有任何错误，并且能够在浏览器中访问`127.0.0.1:3000`看到首页。这表明你的前端（例如`front`目录）和后端（例如`xk3`目录，用于Express和MySQL数据库连接）都在本地运行正常。 部署前的准备工作包括在服务器上进行基础设置，如安装必要的软件（Node.js, MySQL等）。然后，使用FTP客户端（如XFTP）将整个项目复制到服务器的Web根目录，通常是`/var/www/`。同时，别忘了将后端所需的数据导入服务器上的数据库，使用`mysql> source "路径"`命令。 在服务器上启动Express应用，确保服务器的防火墙或安全组配置允许外网访问3000端口，因为Vue Router可能通过这个端口与服务器交互。如果使用了如forever这样的进程管理工具，要解决端口占用问题，确保正确配置它以便在后台运行而不阻塞其他服务。 要创建守护进程，确保服务即使在关闭终端后也能继续运行，可以使用PM2或Forever。Forever相对简单，只需几条命令即可设置。首先全局安装Forever：`sudo npm install forever -g`，然后使用以下命令启动应用： 1. `forever start app.js` 2. `forever start -l forever.log app.js`（记录日志） 3. 如果遇到日志文件已存在的问题，可以使用 `-a` 和 `-l` 参数追加日志：`forever start -a -l forever.log -o out.log -e err.log app.js` 4. 如果`app.js`不是入口文件，可能是`./bin/www`，则使用：`forever start -a -l forever.log -o out.log -e err.log ./bin/www` 现在，你的项目应该已经在服务器上成功部署，即使关闭服务器的后台服务，应用也能继续运行。 如果你遇到任何问题，记得查看日志文件（如`out.log`和`err.log`）来诊断和解决问题。通过这种方式，你可以确保你的Vue Router和Express应用程序稳定地在服务器上运行，提供持续的服务。