vue3+express+mongoose项目部署到云服务器vue3+express+mongoose项目部署到腾讯云服

vue3+express+mongoose项目部署到腾讯云服务器

我们一般写完项目，都是要部署到线上的，使用宝塔面板，可以轻松搞定。
前提：

云服务器有很多可以选择，主要是阿里云、腾讯云、华为云等，国内用户如果没有特殊需求可以选择这三种。服务器的不同配置，一定程度上关系到我们网站的用户体验，服务器地址可以选择自己网站用户群体比较集中的位置。
这次演示使用的是腾讯云轻量级服务器，其他服务器配置都是差不多的。

进入控制台选择我们购买的服务器，先重置一下密码，然后点击重装系统，选择安装<宝塔Linux面板>

等待系统重装完成，然后我们点击应用管理，复制命令（用来获取宝塔登陆账号密码），再点击登陆

输入刚刚重置的密码，点击登陆，然后粘贴刚刚复制的命令，就能获取宝塔面板登陆地址以及登陆的账号密码

复制面板地址，在浏览器输入，输入账号密码进入宝塔面板，首次进入需要绑定宝塔账号，按提示注册一个账号即可，然后我们点击应用商店，安装需要的插件，我的项目是node+mongodb，就安装了pm2、nginx、mongodb，具体根据自己项目选择安装

点击文件，把打包好的项目文件上传到服务器(注意不要上传node_modules文件夹)，我是上传到了 /www/wwwroot 文件目录

上传文件.png

找到软件商店-pm2-点击设置

添加自己的项目，选择文件路径，添加完成后在项目列表点击管理-一键安装依赖，待安装完成之后点一下启动，项目启动成功后，我们就可以在浏览器输入 ip:端口，例如 100.100.111:3001，访问我们写的接口

添加项目.png

安装依赖.png

这个时候你会发现好像访问不到？那就对了，因为我们还需要打开对应的端口，回到腾讯云控制台，点击防火墙-添加规则，把服务启动端口加进去，再去访问我们的接口，就没问题了

端口.png

然后我们还需要添加数据库

点击数据库-添加数据库，我这边使用的是mongodb，输入数据库名称，添加即可

刚添加好的数据库，是没有任何数据，我们可以把本地的一些数据库导入进去在项目目录打开cmd，输入mongodump命令，会自动创建一个文件夹dump，里面就是mongodb数据库导出的数据，直接上传到服务器文件夹

数据库备份.png 然后点击终端，输入命令 mongorestore 恢复数据，这时候数据库就要我们本地的数据了。

上传好了.png

命令.png

只需要配置一下nginx即可，点击应用商店-Nginx-设置-配置修改，修改端口，打包好的前端文件路径，同样，端口需要在防火墙添加一下，然后点保存，重启一下nginx，再去访问 ip:端口，即可进入我们前端项目了，本地的数据也都是有的

登陆.png

这样我们的项目就已经部署成功了，注意一下，发现访问不了的话，可以先看看防火墙端口有没有添加。可以使用git，更加方便的上传以及更新代码。