宝塔面板部署前后端分离Vue项目
一、首先进入宝塔页面
在云服务器控制台,远程连接实例,在shell命令行中输入
/etc/init.d/bt default
获取宝塔面板网站,输入账号密码,进入宝塔控制台。
在软件商店中下载PM2管理器,安装好之后再设置中选择合适的Node.js版本。
在宝塔面板 --> 安全 -->放行端口,放行前端和后端的端口号
二、文件导入
通过宝塔面板的文件栏,找到 /www/wwwroot 目录下,将后端项目压缩包,解压到该目录下。再进入到 /www/wwwroot/http 目录下,将前端项目的dist包,解压到该目录下,即可。
tips:dist包可以通过前端项目 npm run build 自动打包生成
SQL数据库文件导入,在面版 --> 数据库 -->下载phpMYAdmin(管理MySQL数据库的),点击添加数据库,将自己的数据库文件导入即可。
三、启动后端项目
在面板 --> 终端中输入 cd /www/wwwroot/后端项目 ,进入后端文件夹,输入
npm start //运行后端项目
至此,前后端分离Vue项目部署完成。
可能遇到的问题,比如端口号占用,可以通过在终端中输入以下命令
netstat -nap | grep 3000 //查看3000端口的占用情况
会出现如下情况
其中2048482为占用端口的PID号,使用
kill -9 2048482