宝塔pm2运行前端项目使用流程

已于 2023-09-22 17:59:51 修改
阅读量693 收藏 1
点赞数
文章标签： 前端 腾讯云 node.js
于 2023-09-22 17:58:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjiangyun/article/details/133179634
版权
本文概述了如何在宝塔上不打包部署前端项目，涉及pm2的安装、项目添加、启动命令设置，以及遇到的常见问题和解决方法。

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

文章目录

概要

前端项目不打包部署到宝塔，通常会使用到pm2

整体部署流程

首先在宝塔软件商店安装pm2管理器

安装成功后打开pm2管理器，选择自己需要的node版本，然后添加项目

启动文件输入npm run start也就是package文件的脚本命令，但是通常会遇到输入npm run dev的时候报错，或者根据系统要求的输入npm 报错，验证之后npm run start可以正常运行，如果项目对启动命令没什么要求的话，直接修改package运行命令

小结

开发的遇到的问题很多，只有不断尝试才能解决！

伊二叁
关注
如何使用PM2部署前端项目
RJ0024的博客
09-16 505
PM2 是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载，PM2是比较合适的。 但我们一般都是在本地启动我们的应用，那怎么部署到服务器呢？ 如果还没有云服务器，小编建议买一台哈，推荐睿江云 第一步：安装nodejs 和 PM2 安装nodejs curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - ## 如果执行失败 报 curl sudo：com
使用pm2在ngnix环境部署nuxt3项目
lxy199000933的博客
08-01 1211
主要详细讲述了如何通过pm2在ngnix环境上成功部署nuxt3项目，其中包含了pm2的一些常用命令，希望能对首次接触nuxt3项目的友友们有所帮助，若有不足或者错误之处，欢迎指正
Node进程管理器PM2使用
程序员成长指北
05-21 814
大厂技术高级前端Node进阶 点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群PM2是一个带有负载均衡功能的Node应用的进程管理器。PM2可以利用服务器上的所有CPU，并保证进程永远都活着，0秒的重载，部署管理多个Node项目。PM2是Node线上部署完美的管理工具。1、基本指令npm install pm2 -g ： 全局安装。pm2 start app.js ： ...
宝塔安装完PM2后报错 pm2: command not found
weixin_43680422的博客
03-11 358
宝塔安装完PM2后报错 pm2: command not found
使用node和pm2部署前端项目
zd_88888的博客
03-14 399
node部署前端项目，pm2进程守护
使用pm2管理应用前端应用
weixin_43837268的博客
07-14 347
. 使用 pm2 管理应用 ① 在服务器中安装 pm2：npm i pm2 -g ② 启动项目：pm2 start 脚本 --name 自定义名称 例如：pm2 start .\app.js --name web_vueshop ③ 查看运行项目： pm2 ls ④停止项目：pm2 stop 自定义名称或者id pm2 stop 0 ⑤ 重启项目：pm2 restart 自定义名称或者id pm2 restart 0 ...
教你用 pm2 快速部署前端项目
xionghnly的博客
04-22 609
0x00 前言前端部署项目到测试环境，简单粗暴的直接用 gulp 来写，详细流程可以看我总结的文档：前端代码部署pm2 大家应该都知道，主要是用来管理 node 进程，但是同样可以用来部...
pm2同时启动多个前端项目
吴小迪的博客
09-27 2020
感谢内容提供者：金牛区吴迪软件开发工作室 前言 在服务器上部署node程序的时候很多时候可能会遇到一种情况，公司只有一台服务器。但是要部署多个前端项目，那么怎么办呢？笔者知道的办法有俩种，一种是写配置文件的方式，另外一种是命令的方式。 第一种办法：写配置文件 配置详情请看官网：https://pm2.keymetrics.io/docs/usage/application-declaration/#generate-configuration pm2.json文件内容： { "apps": .
详解从买域名到使用pm2部署node.js项目全过程
10-18
1. 使用PM2启动项目：执行`pm2 start ecosystem.config.js`启动项目，PM2会按照配置文件中的设置运行应用程序。 2. 监控和管理：PM2提供了一系列命令，如`pm2 list`查看所有应用状态，`pm2 logs`查看日志，`pm2 stop...
宝塔部署nodejs项目
热门推荐
sunddy_x的博客
06-14 2万+
宝塔部署nodejs项目
在华为云服务器上通过宝塔面板部署Node.js项目的完整流程
qq_52686989的博客
07-02 3338
直接访问自己部署的页面了。
Linux服务器在宝塔已经安装了node的前提下手动运行node项目
chensong8331的博客
03-24 853
这种情况可能就打算直接用ssh来安装了，但如果直接在ssh终端上输入npm install,会发现提示命令找不到，虽然你可以全局安装nodejs,但在已经有了宝塔安装的node版本,再重复在全局安装就显得多余重复，这时候有没有办法可以获取到已经安装过的nodejs呢。一句话概括：如果提示找不到npm node,你又确定我们确实安装了，这种情况其实就是系统不知道你把它安装到哪里了，这时候就需要我们主动告知系统去哪个目录，找哪个程序来执行。然后用export导出nodejs。
pm2同时启动服务端以及前端 示例：thinkjs+antd-pro
吴小迪的博客
07-25 1万+
如果你不会如何部署项目请参考笔者的部署项目的博客：https://wudi98.blog.csdn.net/article/details/96706276 我们在平时项目部署的时候大家都喜欢用pm2去启动服务和前端项目。这样在关闭命令行的时候服务也不会跟着一起关闭了。 笔者相信大部分朋友都是跟笔者之前一样，先到服务端目录pm2启动服务， 然后在跑去前端pm2启动项目。 太麻烦了。。。 接下来我们就来个简单的~ 我们先来看下效果： 直接就启动了服务端加前端 那我们在启动项目的时候如何把前端和服务端.
PM2的基本使用以及宝塔部署PM2
qq_51098172的博客
05-25 3270
PM2的基本使用，以及如何在宝塔面板进行PM2的部署。
宝塔面板结合pm2进程管理工具部署前端nuxtjs项目
公众号@极客密码
02-19 2634
实战宝塔面板结合pm2进程管理工具部署前端nuxtjs项目 来介绍下宝塔面板 宝塔Linux面板是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。 有20个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。 个人理解为：一个可视化运维的控制面板。 官网地址： https://bt.cn 安装 首先准备一台纯净的linux服务器，本文以CentOS7.6 64位
pm2使用心得
frankenjoy123的专栏
06-19 3574
pm2和forever是启动Nodejs服务常用到的两个工具。使用这两个指令可以使node服务在后台运行（类似于linux的nohup），另外它们可以在服务因异常或其他原因被杀掉后进行自动重启。 由于Node的单线程特征，自动重启能很大程度上的提高它的健壮性。 本文不对比两者工具优劣，只是结合自己的使用，简要介绍如何在工程部署时更好的使用pm2。 基本指令 npm install
使用PM2 持久化启动前端服务
最新发布
cy05201688的博客
04-07 373
使用PM2持久化启动前端服务
宝塔面板pm2管理器部署node.js（express框架)sever文件，可以使用域名访问你的后端项目
张羽的博客
09-28 3513
宝塔面板pm2管理器部署node.js（express框架)sever文件，可以使用域名访问你的后端项目
使用宝塔linux面板PM2部署node后台
qq_68153822的博客
07-22 2311
没想到，在这期间找教程的同时还出现了各种各样的bug（这里就不一一列举了），前前后后弄了有三天，吃不香睡不着，好痛苦。真相：我的数据库的表名和我sql语句写的不一样（英文大小写），在Windows系统中数据库的表名是不区分大小写的，但是Linux系统好像是区分的。一般提交后他就会自动显示你监听的端口号了的，如果没有，就是你的app.js文件中没有写app.listen(监听的端口号);接着，我么们导入数据库文件，先去导出你项目数据库文件（xxx.sql），不同软件导出方法不同，自己搜就行。
宝塔部署vue+node项目
03-17
### 部署 Vue 和 Node.js 项目的教程 #### 准备工作 在开始之前，确保已经成功安装并初始化了宝塔面板[^1]。如果尚未完成此操作，请先按照官方文档或相关指南完成安装。 --- #### 步骤一：配置服务器环境 为了支持 Vue 前端和 Node.js 后端应用的正常运行，需确保服务器已安装以下组件： - **Nginx**: 用于反向代理前端请求至 Vue 应用。 - **Node.js**: 支持后端服务运行。 - **MySQL/MariaDB**: 数据库管理工具（可选）。 可以通过宝塔面板中的“软件商店”，依次安装 Nginx、Node.js 及 MySQL/MariaDB，并记录好对应的版本号以及数据库登录信息[^3]。 --- #### 步骤二：上传项目文件 将本地开发好的 Vue 和 Node.js 项目分别打包成压缩包形式，然后通过 FTP 或者直接利用宝塔面板内置的文件管理器功能将其上传到指定路径 `/www/wwwroot` 下的不同子目录中。例如： - Vue 前端项目放置于 `/www/wwwroot/vue-front` - Node.js 后端项目放置于 `/www/wwwroot/node-back` 注意，在上传过程中应保留原有的 `node_modules` 文件夹或其他重要资源文件[^2]。 --- #### 步骤三：设置域名解析与站点绑定 进入宝塔面板首页左侧菜单栏下的【网站】选项卡，点击右上角按钮创建一个新的站点。填写如下参数： - 网站名称自定义即可； - 主机根目录指向刚才存放 Vue 前端代码的位置 (`/www/wwwroot/vue-front`)； - 添加 SSL 加密证书提升安全性（推荐免费 Let's Encrypt 方案）。 完成后记得保存更改！ 对于后端 API 接口访问部分，则无需单独建立额外虚拟主机实例，而是借助后续章节提到的方法实现统一处理逻辑。 --- #### 步骤四：启动前后端程序 ##### （1）构建生产版 Vue 应用 切换到 SSH 终端界面执行命令进入到对应的工作区位置，比如这里假设为 `/www/wwwroot/vue-front` ，接着输入以下指令完成编译过程： ```bash npm install --production && npm run build ``` 这一步会生成静态 HTML/CSS/JS 资产存放在 dist 子目录里待稍候被 Web Server 提供加载调用。 ##### （2）调试运行 Node Express 实例 同样地定位到达目标存储区域即 `/www/wwwroot/node-back` 处理类似流程： ```bash cd /www/wwwroot/node-back npm install NODE_ENV=production node app.js ``` 其中最后一句可能依据实际入口脚本有所区别调整，务必参照原始开发者留下的说明文档为准绳。 另外别忘了预先编辑好配置文件内的各项属性值匹配当前所处真实网络状况需求，像数据库链接串之类的敏感数据项均要妥善保护起来不泄露出去公开可见范围之外。 最后考虑采用 PM2 工具守护进程持续在线状态稳定可靠些： ```javascript pm2 start app.js --name my-node-app ``` --- #### 步骤五：配置反向代理规则 为了让客户端能够顺利区分不同类型的 HTTP 请求流向何处响应结果，有必要制定一套清晰合理的路由转发机制出来。具体做法是在先前新建的那个站点基本信息页面下方找到高级设置区块里的「伪静态」栏目开启定制模式录入下面这段示范样式的语法规则进去生效即可满足基本诉求场景要求: ```nginx location /api { proxy_pass http://localhost:<your_node_port>; } ``` 当然也可以进一步扩展复杂程度适应更多个性化定制偏好倾向哦~ --- ### 总结 综上所述，整个基于宝塔面板搭建集成化解决方案涵盖了从基础软硬件设施准备直至最终上线交付全流程环节要点概述完毕啦~希望对你有所帮助哈😊
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值