0
点赞
收藏
分享

微信扫一扫

通过宝塔面板部署前后端分离Vue项目

宝塔面板部署前后端分离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

可杀掉占用端口号的进程,再进行启动后端项目的npm start,正常启动后端项目。

如果遇到其他问题欢迎提问!

举报

相关推荐

0 条评论