前端使用docker打包nuxt官网项目

安装docker的文章在另一篇:https://blog.csdn.net/m0_69727853/article/details/154741168?spm=1001.2014.3001.5501

1. 查看docker是否安装成功

docker -v

2. 如果显示没有docker,查看当前的环境变量是否正确

tips提示:如果找不到安装的docker路径,那么可以在docker desktop上找,如下图所示

当你找到路径之后,请前往 控制面板 -> 系统 -> 高级系统设置 -> 环境变量 -> 系统变量 添加即可。

还有就是当配置完环境变量不会立即生效,重启你的终端(PowerShell/CMD)就能让环境变量生效

3. 给docker添加国内镜像源

{ "builder": { "gc": { "defaultKeepStorage": "20GB", "enabled": true } }, "experimental": false, "registry-mirrors": [ "https://registry.cn-hangzhou.aliyuncs.com", "https://mirror.baidubce.com", "https://docker.mirrors.ustc.edu.cn" ] }

添加完成之后一定要点击 Apply & restart 按钮,并且要等待左下角的状态为 Engine running

然后在 PowerShell 执行docker info,检查Registry Mirrors是否显示你配置的源。

4. 拉取镜像

遇到了报错:

这个报错pull access denied for node, repository does not exist or may require 'docker login'说明:

  • Docker 在拉取node:21-alpine镜像时,无法确认镜像仓库的权限或镜像是否存在。
  • 本质原因是Docker Hub 访问存在网络或权限问题,或者node:21-alpine这个镜像标签在当前网络环境下不可用。
  • 这个报错说明你的 Docker 环境没有正确连接到镜像仓库

解决方式:登录 Docker Hub

执行以下命令登录你的 Docker Hub 账号(如果没有可以去 Docker Hub 注册一个):

docker login

执行此登录,输入用户名,点击下方链接进入到登录,或者注册

登陆之后,注意邮箱会发送给你进行确认的邮件,点击蓝色的按钮即可。

登录并完成以上的操作之后,我们可以继续拉取镜像

docker pull node:20-alpine

5. 进行官网打包

docker compose build

这个问题说明镜像不对,重新在拉取一个21的即可

docker pull node:21-alpine

恭喜你,完成打包啦!!!

另附一个打完包后压缩文件的命令

docker save -o obos-official-site.tar obos-official-site:latest

这个就是打包后的文件,上传到服务器即可,我用的Xftp 8,你们爱用啥用啥,免费的就是好用!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1201935.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2026必备!10个AI论文软件,专科生轻松搞定毕业论文!

2026必备!10个AI论文软件,专科生轻松搞定毕业论文! AI 工具如何成为论文写作的得力助手 随着 AI 技术的不断进步,越来越多的专科生开始借助 AI 工具来辅助完成毕业论文。尤其是在论文撰写过程中,AI 工具不仅能显著提升…

亲测好用!9款AI论文平台测评:本科生毕业论文必备工具

亲测好用!9款AI论文平台测评:本科生毕业论文必备工具 2026年AI论文工具测评:为什么你需要这份指南 随着人工智能技术的不断进步,越来越多的本科生开始依赖AI论文平台来提升写作效率、优化内容质量。然而,面对市场上琳琅…

Flutter for HarmonyOS 开发指南(一):环境搭建与项目创建

前言 在开始之前,我们需要明白:标准的 Flutter SDK(Google 官方版)目前并不直接支持 ohos 平台。 我们需要使用由华为和社区定制的 Flutter 鸿蒙专用版 SDK,它在引擎层(Engine)增加了对鸿蒙系统…

0. Spring AI 1.1 完整实战学习计划

Spring AI 1.1 完整实战学习计划阶段主题核心目标与新增内容是否依赖API Key第一阶段:奠基1. 环境配置与初体验搭建项目,配置国内可访问的模型,成功运行第一个AI对话是2. 提示词(Prompt)与模板【新增】 学习如何构建有…

Flutter for HarmonyOS 开发指南(二):Hello World

一:零基础快速入门Dart Flutter开发 这段代码是 Flutter 官方提供的标准“计数器”示例,也是学习 Flutter 的“Hello World”。现对它进行了一些修改(添加了全局主题配置)。 效果: 二:示例代码 main.dar…

搜维尔科技:Manus数据手套遥操作机器人手机械手推荐

人工智能机器人训练 利用MANUS手套实现机器人可扩展学习 使用MANUS手套训练灵巧的机器人手,该手套专为超精确的手指追踪和实时动作捕捉而设计。这些机器人手套可生成高分辨率的CSV格式运动数据,以便无缝集成到机器学…

cmake构建c++项目时,vscode/cursor无法识别头文件路径,导致报错,解决方案

Cursor 里 C 头文件报错的原因与解决:使用 compile_commands.json今天在 chat-server-cpp 项目里遇到一个常见问题:CMake 能正常编译,但编辑器里一堆头文件红线,导致跳转、补全和诊断全是假的错误。本文记录问题原因与解决过程。现…

深入解析:城市生命线软件平台

深入解析:城市生命线软件平台pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco"…

流量一上来就崩?老实说,是你没提前想明白

流量一上来就崩?老实说,是你没提前想明白 ——聊聊如何防止流量突增把服务器直接送走 大家好,我是 Echo_Wish。 做运维、搞架构这么多年,我见过最“刺激”的场面,永远不是宕机本身,而是流量突然暴涨的那一刻。 你永远忘不了那种感觉: 监控曲线突然竖起来 📈 CPU 飙…

含文档+PPT+源码】基于Python的股票数据可视化及推荐系统的设计与实现

项目介绍 本课程演示的是一款基于Python的股票数据可视化及推荐系统的设计与实现,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Python学习者。 1.包含:项目源码、项目文档、数据库脚本、软件工具等所有资料 2.带你从零开始部署运行…

吐血推荐!继续教育AI论文网站TOP8测评与推荐

吐血推荐!继续教育AI论文网站TOP8测评与推荐 2026年继续教育AI论文网站测评背景与评测维度 随着人工智能技术在学术领域的不断渗透,越来越多的继续教育学员开始借助AI写作工具提升论文撰写效率。然而,面对市场上五花八门的平台,如…

pytorch深度学习实战:自定义数据集类型

本章围绕医学影像数据加载展开,核心是将 LUNA16 数据集的 CT 扫描文件(.mhd/.raw)与 CSV 标注文件转换为 PyTorch 可用的训练样本。首先合并并匹配候选结节标注信息,通过 Ct 类加载 CT 数据并裁剪 HU 值至合理范围…

机器学习 (1) 监督学习 - 教程

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

使用ncmpcpp结合mpd更加容易听音乐

参考:https://ubuntuhandbook.org/index.php/2025/07/install-mpd-ubuntu/ 使用ncmpcpp结合mpd更加容易听音乐安装软件sudo apt install mpd ncmpcpp配置MPD配置服务器端用户:~/.config/mpd/mpd.conf 系统:/etc/mpd…

Sketch为什么越来越少人用?UI设计工具的真实迁移方向

引言有很长一段时间里,产品圈和设计圈的闲聊里,Sketch这个名字出现得越来越少了。这让我想起几年前,它还是求职必备技能,如今却似乎悄然退居二线。大家更多的讨论变成了在线协作设计工具,直接在浏览器里改稿。是Sketch…

sparse4D V2核心要点

这个图是sparseV2的结构,单帧网络输出的instance和历史帧的instance是如何在多帧网络里融合的?因为单帧网络基于当前img检出的结果肯定跟历史帧是有重叠的,初读文章的疑问是:如何把重合的这部分一一对应上呢一句话先给结论&#x…

学霸同款2026 AI论文工具TOP9:自考毕业论文全攻略

学霸同款2026 AI论文工具TOP9:自考毕业论文全攻略 2026年自考论文写作工具测评:为何需要这份榜单? 随着人工智能技术的不断进步,AI论文工具逐渐成为学术写作的重要辅助手段。对于自考学生而言,撰写毕业论文不仅是学业的…

计算机Java毕设实战-基于Spring Boot的企业人力资源管理系统基于springboot的寿险公司人力资源管理系统【完整源码+LW+部署说明+演示视频,全bao一条龙等】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

sparse4D v3

4个技术细节: temporal instance denoising quality estimation decoupled attention extend to tracking 1. Temporal Instance Denoising(时序实例去噪) 背景问题(Sparse4D / v2 中的痛点) Sparse4D 系列的核心是 …

具备DI、DO、AI、AO四类IO信号的采集/输出功能以及串口、网口的通信功能,主要用于对综合测试平台及样机的功能测试提供支撑。

核控卡件综合测试平台1)系统简介核控卡件综合测试平台具备DI、DO、AI、AO四类IO信号的采集/输出功能以及串口、网口的通信功能,主要用于对综合测试平台及样机的功能测试提供支撑。综合测试平台集成测试设备的对外总线接口,主要包括RS422、以太…