/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */
#content_views .toc,
/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */
#content_views.markdown_views > p:empty:has(+ .toc),
#content_views.markdown_views > .toc + p:empty,
/* 富文本旧版目录标记 */
#content_views.htmledit_views #main-toc,
#content_views.htmledit_views #hr-toc,
#content_views.htmledit_views p[id*=\”-toc\”] {
display: none !important;
}
/* 目录去掉后，紧跟的首个标题不再多出一块上边距 */
#content_views.markdown_views > .toc + h1,
#content_views.markdown_views > .toc + h2,
#content_views.markdown_views > .toc + h3,
#content_views.markdown_views > .toc + h4,
#content_views.markdown_views > .toc + p:empty + h1,
#content_views.markdown_views > .toc + p:empty + h2,
#content_views.markdown_views > .toc + p:empty + h3,
#content_views.markdown_views > .toc + p:empty + h4 {
margin-top: 0 !important;
}
1. 环境准备
- 确认项目为 Vue.js 前端项目
- 已安装 Node.js (>= 14.0.0) 和 npm (>= 6.0.0)
- 项目依赖已安装 (node_modules)
2. 选择打包环境
根据部署环境选择对应的打包命令:
- 测试环境: npm run build:test
- 生产环境: npm run build:prod
3. 执行打包
# 进入项目目录
cd web-master-20260116
# 执行测试环境打包
npm run build:test
4. 打包结果
打包成功后,在项目根目录生成 dist 文件夹,包含:
- static/ – 静态资源(CSS、JS、图片、音频等)
- webAdmin/ – 管理后台模块
- webDocument/ – 文档模块
- webEPSS/ – EPSS 模块
- favicon.ico – 网站图标
5. 文件传输
由于堡垒机文件管理无法直接上传文件夹,采用压缩包方式:
打包 (可选,如用 tar.gz):
tar -czf dist.tar.gz dist
上传压缩包:
- 通过堡垒机 Web 界面上传 dist.zip 到服务器
6. 服务器部署
登录服务器后执行:
# 进入部署目录
cd /data/apps/web-admin
# 解压文件
unzip dist.zip
# 将 dist 目录内容移到当前目录
mv dist/* .
# 删除空目录
rmdir dist
# 删除压缩包
rm dist.zip
7. 验证部署
- 刷新浏览器或重启 Nginx 服务
- 访问内网云平台地址验证功能是否正常
- 确认后端 API 接口地址配置正确(测试环境为 /test-api 等)
关键注意事项:
这样整个打包部署流程就完成了!
