前端项目打包完成后dist本地起node服务测试运行项目

news/2025/2/11 9:47:22/

1、新建文件夹 node-test  将打包dist 文件同步自定义本地服务文件夹node-test 中,安装依赖包。

npm install express serve-static cors

2、新创建服务文件js  server.js  构建链接及端口

const express = require('express');
const path = require('path');
const cors = require('cors');const app = express();
const PORT = 3000; // 自定义// ✅ 允许跨域(如果需要)
app.use(cors());// ✅ 静态资源目录,托管 dist/
app.use(express.static(path.join(__dirname, 'dist')));// ✅ 解析 manifest.json,返回正确的 CDN 资源路径
app.get('/manifest', (req, res) => {const manifest = require('./dist/manifest.json');res.json(manifest);
});// ✅ 兜底路由,返回 index.html(防止刷新 404)
app.get('*', (req, res) => {res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});// ✅ 启动服务器
app.listen(PORT, () => {console.log(`🚀 Server is running at http://localhost:${PORT}`);
});

3、终端启动服务:

node  server.js

浏览器查看已打包好的项目


http://www.ppmy.cn/news/1571126.html

相关文章

JavaScript:CPU缓存预取以及确定数据下直接更改数组length的好处

CPU缓存预取以及确定数据下直接更改数组length的好处 1. CPU 缓存预取(Cache Preloading):CPU 缓存预取:为什么反向填充栈能利用缓存预取: 2. 为什么可以直接改变数组的 length:数组的动态长度:…

深度优先搜索(DFS)——八皇后问题与全排列问题

( ^ _ ^ ) 数据结构好难哇(哭 1.BFS和DFS 数据结构空间性质DFSstackO(h)不具有最短性质BFSqueueO(2^h)具有最短路性质 空间上DFS占优势,但是BFS具有最短性 (若所有权重都是1,则BFS一定最短)&…

科技资讯杂志科技资讯杂志社科技资讯编辑部2024年第24期目录

学思践悟二十大 “枫桥经验”的思想政治教育内涵及启示——践行党的二十大精神 洪希彦; 1-330 构建符合党的二十大精神的高职院校劳动教育课程体系研究 李曼; 4-7 党的二十大精神引领下“隧道施工”课程思政探究 张志明;陈国辉; 8-10 新质生产力 新质生产力视域…

Pdf手册阅读(1)--数字签名篇

原文阅读摘要 PDF支持的数字签名, 不仅仅是公私钥签名,还可以是指纹、手写、虹膜等生物识别签名。PDF签名的计算方式,可以基于字节范围进行计算,也可以基于Pdf 对象(pdf object)进行计算。 PDF文件可能包…

【详细版】DETR系列之Deformable DETR(2021 ICLR)

论文标题Deformable DETR: Deformable Transformers for End-to-End Object Detection论文作者Xizhou Zhu, Weijie Su, Lewei Lu, Bin Li, Xiaogang Wang, Jifeng Dai发表日期2021年03月01日GB引用> Xizhou Zhu, Weijie Su, Lewei Lu, et al. Deformable DETR: Deformable T…

elementplus 使用日期时间选择器,设置可选范围为前后大于2年且只能选择历史时间不能大于当前时间点

需求&#xff1a;时间选择器可选的时间范围进行限制&#xff0c;-2年<a<2年且a<new Date().getTime()核心&#xff1a;这里需要注意plus版没有picker-options换成disabled-date属性了&#xff0c;使用了visible-change和calendar-change属性逻辑&#xff1a;另设一个参…

保姆级教程Docker部署Zookeeper模式的Kafka镜像

目录 一、安装Docker及可视化工具 二、Docker部署Zookeeper 三、单节点部署 1、创建挂载目录 2、命令运行容器 3、Compose运行容器 4、查看运行状态 5、验证功能 四、部署可视化工具 1、创建挂载目录 2、Compose运行容器 3、查看运行状态 一、安装Docker及可视化工…

相机开启状态下拔出SD卡导致的数据丢失问题及恢复方法

在使用数码相机拍摄照片或视频时&#xff0c;我们偶尔会遇到急需查看已拍摄内容或者管理存储空间的情况。有时&#xff0c;在未关闭相机电源的情况下&#xff0c;用户可能会尝试直接拉出SD卡&#xff0c;这种操作极有可能导致数据丢失甚至损坏SD卡。本文将详细探讨这一现象&…