Vue3&Nodejs&MySQL&宝塔面板部署过程

今天雪碧小屋正式上线了！感兴趣的同学可以点击链接踩一踩哈哈哈哈

雪碧的小屋

进入正文，讲述部署过程：

一、购买服务器和域名，登陆宝塔面板

我是在腾讯云购买的轻量云服务器，毕竟也只是搭建一个小型博客网站，并且镜像选择的是宝塔面板，最终成品如下：

 购买成功之后，点击应用管理，获取登陆账号和密码，并且登陆自己的IP下的宝塔面板：

到此基本就能够登陆宝塔面板了，这部分的步骤容错率比较大，我就不一一说明细节了。

二、部署数据库

 在软件商店下载这两个应用，然后点击左侧“数据库”，选择“MySQL”，“添加”新的数据库：

 

 自己设定数据库名等信息，访问权限和添加路径不用改，创建完成之后可以自己导入数据库脚本，也可以进入phpMyadmin自己设置数据库内容，我是自己导入的SQL文件：

 至此，数据库的内容基本搞定，不过其中的数据信息要记录好，后面数据库连接要用到相关信息。

三、服务端Nodejs的部署

软件商店下载PM2管理器：

 下载完成之后，点击PM2管理器的设置，首先选择Node版本（结合自身Nodejs版本）：

 然后点击项目列表进行项目添加，选择启动文件以及运行目录以及项目名称，其他属性可以不动，点击提交（这部分代码需要自己上传到服务器中，我上传到了www/wwwroot目录下）：

 添加完毕之后，需要点击管理中的“安装依赖”，安装全部的包，安装完成之后，就启动即可（要确保数据库的信息和代码中的连接代码信息一致，否则无法连接数据库）：

 四、Vue3项目（打包）部署

首先确保自己已经执行npm run build，并将打包好的dist文件夹上传到了服务器中，确保无误之后，我们可以点击网站->php项目->添加站点，来添加一个新的站点

 然后选择你自己的域名（确保已经备案通过，如果没有域名，可以选择自己的公网IP）以及根目录（dist所在目录），进行创建：

 至此，项目的部署基本完成，可以输入自己的域名查看：