news 2026/7/12 14:41:43

前端使用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/7/1 10:08:22

计算机Java毕设实战-基于springboot的闲一品闲置品交易平台基于SpringBoot的闲置物品交易系统【完整源码+LW+部署说明+演示视频,全bao一条龙等】

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

作者头像 李华
网站建设 2026/7/4 11:30:21

【计算机毕业设计案例】基于Java Web的银饰饰品商城系统的设计与实现基于springboot的饰品商城系统(程序+文档+讲解+定制)

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

作者头像 李华
网站建设 2026/6/29 16:21:52

day165—递归—最长回文子序列(LeetCode-516)

题目描述给你一个字符串 s ,找出其中最长的回文子序列,并返回该序列的长度。子序列定义为:不改变剩余字符顺序的情况下,删除某些字符或者不删除任何字符形成的一个序列。示例 1:输入:s "bbbab" …

作者头像 李华
网站建设 2026/7/9 14:02:47

【课程设计/毕业设计】基于springboot的企业日报管理日报管理系统设计与实现【附源码、数据库、万字文档】

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

作者头像 李华
网站建设 2026/7/12 0:43:52

回文排列 II:别再傻傻地全排列了,剪枝才是王道

回文排列 II:别再傻傻地全排列了,剪枝才是王道 大家好,我是 Echo_Wish。 今天咱们聊一道看起来是“字符串 + 回溯”的老题,但一不小心就会把 CPU 跑冒烟的经典问题—— 回文排列 II(Palindrome Permutation II)。 这道题我特别喜欢,因为它非常适合用来区分“会写代码”…

作者头像 李华