一:前言
在网上学习了Vue开发,项目完成的最后一部便是部署上线了。于是我采用了Node.js作为后端对项目进行部署。项目部署期间遇到了很多的难题,下面是我的部署记录。
首先对我的部署环境做一个介绍,服务器使用的是阿里云ECS,使用宝塔控制面板。
二:在服务器上面部署环境
- 在宝塔面板里面安装PM2管理器
- 当你在宝塔面板里面成功安装完成PM2管理器之后,你的服务器也就已经有了Node环境。这个时候我们结合阿里云的官方文档,去判断服务器上面是否可以运行Node项目。
https://help.aliyun.com/document_detail/50775.html?spm=5176.11065259.1996646101.searchclickresult.73aa4729mcloGI#section-igz-e58-4zq
- 在按照官方文档进行操作的时候,你应该注意项目的端口是否已经进行配置,这一步非常重要。
- 当我们的测试项目部署成功之后,也就代表着我们的node环境已经安装好了。
- 在PM2管理器里面安装express和express-generator模块
- 这里的express-generator模块非常需要注意,我自己在本地运行express项目的时候没有安装这个模块,项目却可以运行。到了服务器上面项目就不可以运行了。如果你是新版本的express,一定要安装这个模块,不然会导致项目无法运行。
三:上传项目
- 将express项目上传到服务器里面
- 打开PM2管理器的设置
3. 在PM2管理器里面运行你的项目
- 注意这里的端口号,如果端口号正常显示,则代表项目可以正常运行,若果端口下面是OFF,则你的项目运行失败。这个时候你就要去检查你的环境是否安装成功,以及你的代码是否有问题。
4.放行express项目运行的端口号
5.配置 Nginx
location / {
proxy_pass http://127.0.0.1:3033;
}
- 到此为止,基本上就可以在浏览器里面去访问我们的项目了。
四:一些要注意的点。
- 项目配置的端口号一定要在ECS实例安全组的入方向添加安全组规则,放行您配置的端口号。
- 配置端口号的具体步骤:https://help.aliyun.com/document_detail/25471.html?spm=a2c4g.11186623.2.21.662a6c822y1Xod#concept-sm5-2wz-xdb
- 在宝塔面板左边的导航栏安全选项里面放行项目的端口号。
参考上面的第四步。
五:总结
万事开头难。第一次做都会很难,但是要相信,肯定会有解决的办法,多查阅,多分析,问题一定会得到解决的,加油!