前端项目部署服务器（express+nginx+pm2）

最新推荐文章于 2025-04-07 20:00:23 发布
原创 最新推荐文章于 2025-04-07 20:00:23 发布 · 395 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器 #前端 #express #运维

  1. 安装好nginx，node、pm2

  2. 这是nginx配置 代理到express端口用deploy-cli-service部署express项目到服务器启动打包好的静态文件，

  3. deploy-cli-service 配置

  4. express配置，打包好的都通过deploy-cli-service发布到public目录

  5. 访问成功界面注意unijs的base配置需要和路由的前缀保持一致 这里是/express/

殇蓝
关注
部署：使用 PM2 部署项目
IT_iosers的博客
01-09 1244
域名要经过备案，并设置域名解析后，才能访问。生产环境要用PM2运行Node.js项目。PM2还有很多复杂的用法。可以在项目里生成专门的配置文件、可以用命令对PM2进行监控管理，还可以用命令实现自动化部署。这些内容就比较复杂了，大家有兴趣可以查看PM2的官方文档。我们这里为了让大家用最简单的办法部署好项目，就不演示这些了。配置好SSL证书后，站点就会从http变为https，从不安全变为安全。服务器上更新代码后，需要在宝塔的网站管理里，点击重启。一台服务器上，是可以部署多个项目的。
【Node】如何使用PM2高效部署nodejs前端应用
代码说，代码让世界更美好。
04-07 1107
【Node】如何使用PM2高效部署nodejs前端应用
前端使用pm2独立部署项目
juvialoxer的博客
02-24 1026
一,使用pm2部署vue项目(适用于linux服务器)     1.需安装的软件（winscp，putty）；     2.使用winscp将文件放置到配置好的服务器中,并将打包好的文件放到根目录中;     3.使用putty配置http-server（重点）;         3.1,依次输入以下命令 1.
新购服务器项目部署指南—— Express + Vue + Nginx+ pm2 Nodejs项目部署全流程
白洞，白色的明天在等着我们
11-27 5982
查看node的版本：如果没有安装node，可以使用宝塔安装（推荐），进入软件商店，搜索node，选择node.js版本管理器1.8进行安装：安装好后点击设置，点击更新版本列表（列表每24小时与Node.js官网列表同步一次，可点击【更新版本列表】按钮立即与Node.js官网同步版本列表）：然后选择需要的node版本进行一键安装，一般推荐14或者18版本。也可以自行下载镜像安装，进入node官网：https://nodejs.org/dist/
使用node和pm2部署前端项目
zd_88888的博客
03-14 488
node部署前端项目，pm2进程守护
vue+express+mongodb项目打包部署在云服务器上
天极小强的博客
08-08 562
Vue+express+mongodb项目打包部署在云服务器上 笔者所处前提：一台安装了node+mongodb+pm2的云主机。相关安装教程大家可自行网上搜索。 由于笔者买的是腾讯云的学生服务器（centos7），这里就以它为例子。 第一：配置安全组。 在安全组中新建规则，选择开放端口。 在新规则右侧的管理实例中添加你的云主机。然后修改规则，添加可能用到的端口。 第二：进入你的云主机，检查...
VueCLI3 + Nodejs前后端分离项目部署至Nginx服务器
m0_49039508的博客
05-07 1306
Vue CIL3 + NodeJS 前后端分离项目部署至Nginx服务器的流程 今天花费了很长一段时间来做这件事，踩了不少坑，网上也很少有这方面的案例，这里我就把我今天的部署流程进行详细的展列，步骤如下： 第一步 解决掉请求域问题，前后端分离，首要想到的是请求域的解决，Vue CIL3的配置文件都隐藏了，这里我们需要在项目的根路径下创建vue.config.js文件，整个文件内容如下： module.exports = { configureWebpack: { resolve: {
React+Express项目(ts)打包并部署到云服务器上
weixin_42371427的博客
11-12 2646
踩坑。打包，部署，编译
vue2+nodejs+express+mysql+pm2搭建全栈项目
happy任的博客
07-12 7302
前言： 本项目github地址:https://github.com/kaiqiangren/VueExpress 由于是自己尝试搭建的一个简单的nodejs+vue全栈项目，适用于初探nodejs后端领域的前端er。 本文的mysql部分需要参考另一篇文章： Express+Vue+mysql实践 进程守护及负载均衡相关可查看：https://blog....
在阿里云 ECS 服务器部署 React + Express 项目
Beijiyang
11-17 2834
项目开发了一部分，准备先上线看看效果，就进行了部署。 以下是文档记录。0-选购阿里云 ECS 服务器 操作系统： Ubuntu 14.04 64位 1-创建普通用户登录方式 使用阿里云管理终端连接 ECS 实例实际操作过程中，发现这种方式速度慢，易卡死。 本地通过 SSH 登录参考文档配置好秘钥后，用起来速度飞快。 创建普通用户创建一个名为cat的普通用户。注：如果使用阿里云管理终端登录，跳过第
如何使用pm2部署前端项目
前端精髓
12-06 5423
前端部署有很多种方式，场景的有Jenkins，pm2，docker等技术，今天主要介绍使用pm2部署，因为公司一直在使用，也一直想彻底的理解部署的流程。 pm2是什么？ PM2 是一个守护进程管理器，将帮助您管理和保持应用程序24在线，好强大呀，牛B！！！ 官方文档地址：连接 开始上手 使用要从安装开始yarn global add pm2，现在在项目中有这样一个文件夹app.js代码如下 //...
pm2 同时 部署前端，后端服务
u011485634的博客
08-18 895
pm2 同时 部署前端，后端服务，pm2 部署静态网页
教你用 pm2 快速部署前端项目
xionghnly的博客
04-22 697
0x00 前言前端部署项目到测试环境，简单粗暴的直接用 gulp 来写，详细流程可以看我总结的文档：前端代码部署pm2 大家应该都知道，主要是用来管理 node 进程，但是同样可以用来部...
pm2部署nodejs项目
好，很好，非常好
08-15 623
采用pm2来完成，也有前端部署，可以查看之前发过的文章
使用PM2 持久化启动前端服务
最新发布
cy05201688的博客
04-07 796
使用PM2持久化启动前端服务
前端项目打包并部署
热门推荐
喵酱
04-12 1万+
在当前项目路径下，执行命令在当前项目路径下，生成 一个dist文件夹。将来部署项目，是部署的dist这个文件。
前端项目部署上线到 centos 并使用 pm2 管理
小秀的博客
08-10 943
本地 hosts 文件：当我们输入网址，进行 DNS 解析的第一步先是去 本地 hosts 文件查找有没有对应关系，没有才开始正式的 DNS 解析。多个域名可以指向同一个服务器。
八三、前端自动化-PM2一键部署
梅某某
05-10 612
PM2一键部署 http://pm2.keymetrics.io/ PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。 好处 无需通过手工或是ftp的方式把本地代码拷贝到服务器上 无需手工启动或是重启远程服务器的Node服务 项目的升级及迭代非常方便 具有负载均衡功能 pm2 安装 npm i pm2 -g 指令...
pm2快速部署前端项目
风如刀割的博客
03-09 1068
1.环境哪个都可以，只有路径不同， 2.安装node.js 3.根据是否需要开机自启动安装 pm2-windows-service等 4.安装http-service或者https-service 5.安装PM2 6. pm2 start 1（/root/.nvm/versions/node/v10.16.3/bin/http-server）--name 2（pc-dist --）...
云服务器部署前端不用nginx
03-15
<think>好的，我现在需要帮助用户找到在云服务器上部署前端项目而不使用Nginx的方法。首先，用户的需求很明确，他们想要替代Nginx的其他部署方式。根据我之前的知识，前端项目部署通常需要一个服务器来托管静态文件，或者利用云服务提供的特定功能。 首先，我得回忆一下常见的替代方案。Nginx是一个常用的反向代理和静态资源服务器，但如果不使用它，可能需要考虑其他Web服务器，比如Apache、Caddy，或者使用Node.js自己搭建一个简单的服务器。另外，云服务提供商如阿里云、AWS等可能有自己的静态网站托管服务，比如AWS的S3，阿里云的OSS，这些可能不需要用户自己配置服务器软件。 接下来，我需要查看用户提供的引用内容。引用[1]到[5]都提到了使用Nginx部署前端项目的步骤，包括打包、配置Nginx、处理端口等。但用户现在想避开Nginx，所以这些引用中提到的步骤可能不适用，但里面提到的一些概念可能有帮助，比如打包项目、服务器配置等。 首先，用户可能需要了解不同的静态文件托管方法。例如，使用Node.js的Express或http-server模块来创建一个简单的静态服务器。或者使用Python的SimpleHTTPServer（Python 3中是http.server）。这些都是轻量级的方法，适合简单的部署需求。 其次，云服务提供商的静态托管服务可能是一个更简便的选择。比如，阿里云的OSS可以配置成静态网站托管，用户只需要上传构建后的文件到存储桶，并开启静态网站功能即可。这样就不需要安装和维护任何服务器软件，可能更符合用户的需求。 另外，Docker化部署也是一个可能性。用户可以将前端应用打包到Docker容器中，使用诸如Nginx、Apache或其他轻量级服务器的镜像，但用户可能希望不使用Nginx，所以可能需要选择其他基础镜像，比如基于Node.js的，或者直接使用Alpine Linux加上http-server。 还需要考虑如何启动服务器并保持运行。使用systemd或者pm2这样的进程管理工具来守护进程，确保服务在后台持续运行。 此外，处理端口占用问题可能会涉及到防火墙设置和安全组配置，特别是云服务器通常需要配置安全组规则来允许特定端口的访问。 现在，我需要将这些思路整理成一个结构化的回答，确保每个方法都有具体的步骤，比如使用Node.js的http-server、Python的SimpleHTTPServer、云存储服务、Docker部署等。每个方法需要说明如何安装必要的工具、启动服务器、配置端口以及注意事项，比如生产环境的适用性。 可能还需要提醒用户，某些方法（如Python的SimpleHTTPServer）仅适用于开发或测试环境，而生产环境可能需要更稳定的解决方案。同时，云存储服务的成本和权限设置也需要考虑。 最后，生成相关问题，帮助用户进一步探索其他可能性，比如如何自动化部署、如何配置HTTPS、如何处理单页应用的路由问题等。</think>### 不使用Nginx部署前端项目到云服务器的方法 #### 1. **使用Node.js搭建静态服务器** - **步骤**： 1. 在服务器安装Node.js环境。 2. 全局安装静态服务器工具（如`http-server`或`serve`）： ```bash npm install -g http-server ``` 3. 将前端项目打包后上传到服务器目录。 4. 进入项目目录，启动服务（默认端口8080）： ```bash http-server -p 80 ``` 5. 使用`pm2`等工具守护进程，防止服务中断： ```bash pm2 start http-server -- -p 80 ``` - **适用场景**：快速部署、轻量级测试或小型项目[^3]。 #### 2. **使用Python内置HTTP服务器** - **步骤**： 1. 确保服务器已安装Python。 2. 进入前端项目打包后的目录。 3. 启动服务（Python 3命令）： ```bash python3 -m http.server 80 ``` - **注意**：此方法仅适用于开发测试，性能较弱，不建议生产环境使用[^3]。 #### 3. **利用云服务商静态托管** - **步骤**（以阿里云OSS为例）： 1. 在阿里云创建OSS存储桶，开启“静态网站托管”功能。 2. 将打包后的前端文件上传至存储桶。 3. 配置存储桶的访问权限为“公共读”。 4. 通过OSS提供的默认域名或绑定自定义域名访问。 - **优点**：无需管理服务器，支持CDN加速和HTTPS[^4]。 #### 4. **使用Docker容器化部署** - **步骤**： 1. 编写Dockerfile，选择轻量级基础镜像（如`node:alpine`）： ```dockerfile FROM node:alpine RUN npm install -g http-server COPY dist/ /app WORKDIR /app CMD ["http-server", "-p", "80"] ``` 2. 构建镜像并运行容器： ```bash docker build -t frontend . docker run -d -p 80:80 frontend ``` - **优势**：环境隔离，易于扩展和维护。 #### 5. **Apache HTTP Server替代方案** - **步骤**： 1. 安装Apache： ```bash # Ubuntu sudo apt install apache2 ``` 2. 将打包后的文件复制到Apache默认目录（如`/var/www/html`）。 3. 配置虚拟主机（如有需要）并重启服务： ```bash sudo systemctl restart apache2 ``` #### 端口与防火墙配置 - 无论使用哪种方法，需确保： 1. 服务器安全组开放对应端口（如80/443）。 2. 若端口被占用，通过`netstat -tuln | grep :80`查找进程并终止。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值