IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 系统运维 -> Nuxt部署到Docker -> 正文阅读

[系统运维]Nuxt部署到Docker

Nuxt部署到Docker

1 复制项目到服务器

首先在Nuxt项目中,执行以下命令

npm run build

执行后整个项目目录为
在这里插入图片描述
进入服务器,在root目录下,创建nuxt文件夹

mkdir nuxt

把上面的所有文件,除了.idea、node_modules、package-lock.json之外,全部复制到nuxt文件夹下
在这里插入图片描述
在上面的图片中会看到有两个之前没有的文件,docker-compose.yml和Dockerfile,下面为两个文件的内容,因为我是在本地编辑之后才复制进去的

(这里需要说到的是,对于docker-compose我不太熟悉,但是之前没用到docker-compose时,我是把项目全部拉近服务器,然后在那个文件夹里面去使用PM2管理器启动项目,但是总有各种错误,甚至没办法进行访问。后来请教了大佬之后才有了以下的方法)

Dockerfile

#1、基于镜像node版本
FROM node:16.14.0
#2、作者
MAINTAINER wangxin
#3、参数,node的环境为生产环境
ENV NODE_ENV=production
#4、任意ip
ENV HOST 0.0.0.0
#5、容器内创建目录/hello
RUN mkdir -p /nuxt
#6、复制当前的内容到容器内容部目录/hello
COPY . /nuxt
#7、切换工作目录到/hello
WORKDIR /nuxt
#8、暴露端口3000,默认端口
EXPOSE 3000
#9、清除缓存
RUN npm cache clean --force
#10、安装依赖
RUN npm install --no-package-lock --registry=https://registry.npm.taobao.org
#11、构建,生成dist文件
RUN npm run build
#12、start
CMD ["npm","start"]

docker-compose.yml

version: "3"
services:
  node:
    build: .
    ports:
      - "3000:3000"

(再次提醒,这两个文件可以在本地编辑后上传,不然直接vim总有各种各样的错误哈哈哈哈)

2 开始进行镜像构建

(原来docker-compose构建之后也会形成一个新的镜像,因为我用得少,所以不太了解)
nuxt目录下执行以下命令

docker-compose build

接着通过查看镜像命令看是否构建成功
在这里插入图片描述
说明成功了,接着创建容器并运行,这个命令其实等同于平时我们的
docker run … ,但是这个命令一定要在nuxt目录里执行,当然,如果你创建的不是该目录名字,那就替换成你刚才创建的目录名即可

docker-compose up

执行之后可用docker ps -a查看容器,运行成功后,用服务器公网ip:3000即可访问nuxt项目

  系统运维 最新文章
配置小型公司网络WLAN基本业务(AC通过三层
如何在交付运维过程中建立风险底线意识,提
快速传输大文件,怎么通过网络传大文件给对
从游戏服务端角度分析移动同步(状态同步)
MySQL使用MyCat实现分库分表
如何用DWDM射频光纤技术实现200公里外的站点
国内顺畅下载k8s.gcr.io的镜像
自动化测试appium
ctfshow ssrf
Linux操作系统学习之实用指令(Centos7/8均
上一篇文章      下一篇文章      查看所有文章
加:2022-03-15 23:07:58  更:2022-03-15 23:08:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/16 2:24:12-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码