利用宝塔面板进行后端项目上线部署(图文)

本文详细指导如何使用宝塔面板安装Node.js,压缩并上传本地Node.js项目,配置项目设置,包括端口、用户、包管理器等,以及确保阿里云安全组放行和测试部署过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先进行宝塔面板的登录

2.登录成功后进入到宝塔面板软件商店

2-1 点击安装,进行安装Nodejs

注:我这里是安装成功的,若无安装的用户会在右侧显示一个安装按钮,点击安装即可

3.进行本地后端项目的压缩(此后端为Node,数据库为mongoDb,此数据库要为共享数据库,若不是共享数据库请看本主页中的共享数据库配置)

3-1 首先进入我们本地后端项目文件夹,进行删除node_modules

3-2 删除完毕后,进行后端项目的压缩

4.进入宝塔面板进行后端项目上传

4-1 进入文件中的根目录下的www/wwwroot文件夹,点击上传

4-2 将本地压缩的后端项目拖到文件上传区域,点击上传进行项目上传

4-3 将上传好的项目进行选中解压,解压完毕后删除压缩项目,保留解压的项目

5.进入宝塔中进行配置

首先进入网站,点击Node项目,进行添加项目

5-1 进行Node项目配置

项目目录:在文件中解压的后端项目路径

项目名称:自定义名称即可

启动选项:会自动获取,也可自定义命令(无特殊情况自动获取即可)

项目端口:要和后端项目中的端口一致,切记要将端口放行

运行用户:无特殊需求选择www即可

包管理器:根据实际情况选取,我这里用到了npm

Node版本:选取适合项目的Node版本

备注:自定义

域名:无域名可忽略

5-2 添加项目完成后,检查后端项目中是否有其他用到ip的操作

比如,上传图片功能用到ip地址

将ip地址修改为宝塔面板的ip,端口号也要是配置项目时放行的端口

5-3 检查阿里云安全组中是否放行了配置项目中的端口号(8889)

若无放行,进行添加端口(若不清楚阿里云安全组的配置可看博主主页中配置共享数据库文章)

6.配置已完成,接下来进行测试

6-1 打开浏览器输入IP以及后端接口进行测试(宝塔ip:放行端口/接口名称),若有数据,则代表后端项目部署成功

6-2 也可通过测试工具进行测试(例如:postman)

### 部署 Vue 前端和后端项目的步骤 #### 宝塔面板的安装与配置 对于初次接触宝塔面板的新手来说,首先需要访问宝塔官方网站并按照指引完成Linux版宝塔面板的下载与安装[^1]。首次登录时,建议更改默认的安全设置,比如调整宝塔面板的访问端口,并通过阿里云控制台添加相应的安全组规则来允许外部访问这些端口号。 #### 环境搭建 进入宝塔面板后,默认情况下会有LNMP(Linux, Nginx, MySQL, PHP) 或 LAMP (Linux, Apache, MySQL, PHP) 的一键安装选项,在这里可以选择适合Vue.js应用运行所需的Web服务器环境——即Nginx作为反向代理服务[^4]。为了支持Node.js后端程序,则需额外安装Node.js环境以及可能需要用到的数据库管理系统如MySQL或MongoDB等。 #### 后端部署 针对基于Spring Boot构建的服务端应用程序,可以考虑将其打包成JAR文件并通过Java命令启动;而对于采用Express或其他框架开发的Node.js API接口,则可以直接上传源码至指定目录下执行`npm install && npm start`操作来进行本地调试和服务发布[^5]。 #### 前端部署 关于前端部分,通常做法是先将Vue项目编译为生产模式下的静态资源(`dist`文件夹),再借助于FTP/SFTP工具把该文件夹内的所有内容复制到网站根路径中。接着在宝塔面板内创建一个新的站点记录,并指向这个存放有HTML/CSS/JS等静态资产的位置。最后编辑对应的虚拟主机配置文件(.conf), 设置正确的index入口文档位置及启用Gzip压缩等功能优化网页加载速度[^3]。 ```bash # 执行此命令用于生成可发布的前端代码包 npm run build ``` #### 测试验证 当上述工作完成后,记得重启Nginx使新的配置生效,随后可以通过浏览器输入域名/IP地址加上相应端口查看是否能够正常展示首页画面,同时也可以尝试调用API接口测试前后端交互逻辑是否顺畅无误。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值