一:前言

在网上学习了Vue开发,项目完成的最后一部便是部署上线了。于是我采用了Node.js作为后端对项目进行部署。项目部署期间遇到了很多的难题,下面是我的部署记录。

首先对我的部署环境做一个介绍,服务器使用的是阿里云ECS,使用宝塔控制面板。

二:在服务器上面部署环境

  1. 在宝塔面板里面安装PM2管理器

宝塔面板部署Java war 宝塔面板部署node项目_服务器

  1. 当你在宝塔面板里面成功安装完成PM2管理器之后,你的服务器也就已经有了Node环境。这个时候我们结合阿里云的官方文档,去判断服务器上面是否可以运行Node项目。
    https://help.aliyun.com/document_detail/50775.html?spm=5176.11065259.1996646101.searchclickresult.73aa4729mcloGI#section-igz-e58-4zq
  • 在按照官方文档进行操作的时候,你应该注意项目的端口是否已经进行配置,这一步非常重要。
  1. 当我们的测试项目部署成功之后,也就代表着我们的node环境已经安装好了。
  2. 在PM2管理器里面安装express和express-generator模块

宝塔面板部署Java war 宝塔面板部署node项目_服务器_02

  • 这里的express-generator模块非常需要注意,我自己在本地运行express项目的时候没有安装这个模块,项目却可以运行。到了服务器上面项目就不可以运行了。如果你是新版本的express,一定要安装这个模块,不然会导致项目无法运行。

三:上传项目

  1. 将express项目上传到服务器里面

宝塔面板部署Java war 宝塔面板部署node项目_端口号_03

  1. 打开PM2管理器的设置

宝塔面板部署Java war 宝塔面板部署node项目_端口号_04


3. 在PM2管理器里面运行你的项目

宝塔面板部署Java war 宝塔面板部署node项目_vue_05

  • 注意这里的端口号,如果端口号正常显示,则代表项目可以正常运行,若果端口下面是OFF,则你的项目运行失败。这个时候你就要去检查你的环境是否安装成功,以及你的代码是否有问题。

4.放行express项目运行的端口号

宝塔面板部署Java war 宝塔面板部署node项目_宝塔面板部署Java war_06

5.配置 Nginx

location / {
	proxy_pass http://127.0.0.1:3033;
 }

宝塔面板部署Java war 宝塔面板部署node项目_服务器_07

  1. 到此为止,基本上就可以在浏览器里面去访问我们的项目了。

四:一些要注意的点。

  1. 项目配置的端口号一定要在ECS实例安全组的入方向添加安全组规则,放行您配置的端口号。
  • 配置端口号的具体步骤:https://help.aliyun.com/document_detail/25471.html?spm=a2c4g.11186623.2.21.662a6c822y1Xod#concept-sm5-2wz-xdb
  1. 在宝塔面板左边的导航栏安全选项里面放行项目的端口号。
    参考上面的第四步。

五:总结

万事开头难。第一次做都会很难,但是要相信,肯定会有解决的办法,多查阅,多分析,问题一定会得到解决的,加油!