news 2026/3/4 21:49:04

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端使用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,你们爱用啥用啥,免费的就是好用!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/3 21:46:43

KEYSIGHT是德 N1912A功率计:宽带多通道功率测量的标杆之选

156/2558/3328产品概述:在无线通信、雷达系统、半导体测试等高速发展的技术领域,对射频微波功率进行精确、快速、可靠的测量至关重要。作为测试测量行业的领导者,是德科技(Keysight Technologies)推出的N1912A双通道功…

作者头像 李华
网站建设 2026/3/3 22:52:27

20.什么是依赖注入

什么是依赖注入?依赖注入是在编译阶段尚未知所需的功能是来自哪个的类的情况下,将其他对象所依赖的功能对象实例化的模式。这就需要一种机制用来激活相应的组件以提供特定的功能,所以依赖注入是控制反转的基础。否则如果在组件不受框架控制的…

作者头像 李华
网站建设 2026/3/2 6:17:04

Java计算机毕设之基于springboot的西安秦岭野生动物园智能化管理系统基于Springboot+Vue的野生动物园智能化管理系统(完整前后端代码+说明文档+LW,调试定制等)

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

作者头像 李华
网站建设 2026/3/3 9:41:44

文本创作的十字路口:Markdown 与富文本编辑器的底层逻辑博弈

在数字内容创作领域,选择合适的编辑器不仅仅是操作习惯的问题,更是对数据主权、工程效率与长期维护成本的深度权衡。即便到了 2026 年,Markdown 与富文本编辑器(Rich Text Editor)之间的争论依然活跃,其核心…

作者头像 李华