使用 Node 部署前端工程

最新推荐文章于 2025-11-18 17:00:46 发布

原创最新推荐文章于 2025-11-18 17:00:46 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#nodejs #前端 #部署

Node.js 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了一种使用Node.js快速部署前端项目的操作流程，包括如何利用Express框架和PM2进程管理工具，实现dist文件夹的静态资源服务器化，适用于轻量级应用。

前端工作构建完成后，如果你只是简单的部署，你只需要将整个 dist 文件夹复制到你的 CDN 或静态服务器。index.html 应该是你的服务器入口。关于服务器的选择nginx或者node，一般轻量级的应用建议使用node，简单快捷，性能也不差。

操作方式如下：

1. 在项目根目录创建一个app.js文件，复制以下内容并保存

// app.js

const express = require('express');
const path = require('path');

const app = express();

app.use(express.static(path.join(__dirname, 'dist')));

app.get('/*', function(req, res) {
  res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});

app.post('/*', function(req, res) {
  res.json(req.body);
});

app.listen(8000, () => {
  console.log('App listening at port 8000');
});

2. 使用pm2启动程序（建议）