百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Centos7安装Docker并部署vue项目

nanshan 2025-01-16 20:20 10 浏览 0 评论

centos7安装Docker全过程记录(无坑版教程)

一、安装前必读

在安装 Docker 之前,先说一下配置,我这里是Centos7

Linux 内核:官方建议 3.10 以上,3.8以上貌似也可。

注意:本文的命令使用的是 root 用户登录执行,不是 root 的话所有命令前面要加 sudo


1.查看当前的内核版本

# uname -r

3.10.0-1127.el7.x86_64

我这里是3.10 ,满足条件。


2.使用 root 权限更新 yum 包(生产环境中此步操作需慎重,看自己情况,学习的话随便搞)

yum -y update

这个命令不是必须执行的,看个人情况,后面出现不兼容的情况的话就必须update了

注意

yum -y update:升级所有包同时也升级软件和系统内核;​

yum -y upgrade:只升级所有包,不升级软件和系统内核


3.卸载旧版本(如果之前安装过的话)

yum remove docker docker-common docker-selinux docker-engine

......

作为依赖项被删除...

完毕!


二、安装Docker的详细步骤

1.安装需要的软件包, yum-util 提供yum-config-manager功能,另两个是devicemapper驱动依赖

yum install -y yum-utils device-mapper-persistent-data lvm2


2.设置 yum 源

设置一个yum源,下面两个都可用

yum-config-manager --add-repo
http://download.docker.com/linux/centos/docker-ce.repo(中央仓库)

yum-config-manager --add-repo
http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo(阿里仓库)


3.选择docker版本并安装

(1)查看可用版本有哪些

yum list docker-ce --showduplicates | sort -r

显示内容大致如下:

已加载插件:fastestmirror,langpacks

己安装的软件包

可安装的软件包

Loading mirror speeds from cached hostfile

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:19.03.9-3.el7 docker-ce-stable

docker-ce.x86_64 3:18.09.8-3.el7 docker-ce-stable


(2)选择一个版本并安装:yum install docker-ce-版本号

yum -y install docker-ce-18.03.1.ce

安装最新版命令

yum -y install docker-ce docker-ce-cli containerd.io

正在解决依赖关系.....

正在再装:......

出现下图说明安装成功

已安装:......

作为依赖被安装:......

完毕!


4.启动 Docker

systemctl start docker

设置开机自启

systemctl enable docker


如果无法正常拉取镜像,所以就需要我们为docker设置国内阿里云的镜像加速器;

需要修改配置文件 /etc/docker/daemon.json

切换到对应路径,没有文件就新建

# touch daemon.json

vi daemon.json

输入:

{

"registry-mirrors": ["https://alzgoonw.mirror.aliyuncs.com"]

}

或者

{

"registry-mirrors": [

"http://hub-mirror.c.163.com",

"https://docker.mirrors.ustc.edu.cn",

"https://registry.docker-cn.com"

]

}

i进入编辑,esc退出,:冒号切换到行尾,输入wq,保存并退出

重新启动容器:

systemctl restart docker

拉取镜像源就没问题了。


三、部署vue项目

1、首先对前端项目进行打包:npm run build

打包完成,在项目中生成dist文件。


2、通过Xshell在/home目录下创建项目文件夹

mkdir xxxx(文件名)


3、通过Xftp将打包的dist文件上传到服务器的项目文件夹下。


4、利用Xshell在拉取nginx镜像

docker pull nginx


5、在项目文件夹下编写nginx的config配置文件

命令

vim default.conf

内容:

default.conf内容如下:


server {

listen 80;

server_name localhost; # 修改为docker服务宿主机的ip


location / {

root /usr/share/nginx/html;

index index.html index.htm;

try_files $uri $uri/ /index.html =404;

}


error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

}


该配置文件定义了首页的指向为
/usr/share/nginx/html/index.html, 所以我们可以一会把构建出来的index.html文件和相关的静态资源放到/usr/share/nginx/html目录下。


6、在项目文件夹下编写Dockerfile文件


vim Dockerfile

Dockerfile内容如下:


FROM nginx


MAINTAINER zouzou


RUN rm /etc/nginx/conf.d/default.conf


ADD default.conf /etc/nginx/conf.d/


COPY dist/ /usr/share/nginx/html/

Dockerfile内容解释


FROM nginx:该镜像是基于nginx:latest镜像构建的


MAINTAINER zouzou:添加说明


RUN rm
/etc/nginx/conf.d/default.conf:删除目录下的default.conf文件


ADD default.conf /etc/nginx/conf.d/:将default.conf复制到/etc/nginx/conf.d/下,用本地的default.conf配置来替换nginx镜像里的默认配置


COPY dist/ /usr/share/nginx/html/:将项目根目录下dist文件夹(构建之后才会生成)下的所有文件复制到镜像/usr/share/nginx/html/目录下


如下三个文件保持在同一目录

default.conf dist Dockerfile


7、构建docker镜像:

docker build -t xxxx .

注意不要少了最后的“.”(点) -t是给镜像命名,.(点)是基于当前目录的Dockerfile来构建镜像

(最后提示:Successfully built 98hgjj66ffii)



8、查看刚刚构建的镜像

docker images | grep xxxx


9、启动docker容器

docker run -d -p 9090:80 --name test xxxx


解释:

docker run:基于镜像启动一个容器


-d:后台方式启动


-p 9090:80: 端口映射,将宿主机的9090端口映射到容器的80端口


--name:容器名,我起的叫test


xxxx:要启动的镜像名称


查看启动的容器

docker ps

访问

现在我们已经启动了,访问宿主机的地址:9090就可以看到我们部署的网站了

相关推荐

Let’s Encrypt免费搭建HTTPS网站

HTTPS(全称:HyperTextTransferProtocoloverSecureSocketLayer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入...

使用Nginx配置TCP负载均衡(nginx tcp负载)

假设Kubernetes集群已经配置好,我们将基于CentOS为Nginx创建一个虚拟机。以下是实验种设置的详细信息:Nginx(CenOS8Minimal)-192.168.1.50Kube...

Nginx负载均衡及支持HTTPS与申请免费SSL证书

背景有两台minio文件服务器已做好集群配置,一台是192.168.56.41:9000;另一台是192.168.56.42:9000。应用程序通过Nginx负载均衡调用这两台minio服务,减轻单点...

HTTPS配置实战(https配置文件)

原因现在网站使用HTTPS是规范操作之一,前些日子买了腾讯云服务,同时申请了域名http://www.asap2me.top/,目前该域名只支持HTTP,想升级为HTTPS。关于HTTPS的链接过程大...

只有IP地址没有域名实现HTTPS访问方法

一般来说,要实现HTTPS,得有个注册好的域名才行。但有时候呢,咱只有服务器的IP地址,没注册域名,这种特殊情况下,也能照样实现HTTPS安全访问,按下面这些步骤来就行:第一步,先确认公网...

超详解:HTTPS及配置Django+HTTPS开发环境

众所周知HTTP协议是以TCP协议为基石诞生的一个用于传输Web内容的一个网络协议,在“网络分层模型”中属于“应用层协议”的一种。在这里我们并不研究该协议标准本身,而是从安全角度去探究使用该协议传输数...

Godaddy购买SSL之后Nginx配置流程以及各种错误的解决

完整流程:参考地址:https://sg.godaddy.com/zh/help/nginx-generate-csrs-certificate-signing-requests-3601生成NGI...

Nginx从安装到高可用,一篇搞定(nginx安装与配置详解)

一、Nginx安装1、去官网http://nginx.org/下载对应的nginx包,推荐使用稳定版本2、上传nginx到linux系统3、安装依赖环境(1)安装gcc环境yuminstallgc...

阿里云免费证书申请,配置安装,使用tomcat,支持http/https访问

参数说明商品类型默认已选择云盾证书服务(无需修改)。云盾证书服务类型SSL证书服务的类型。默认已选择云盾SSL证书(无需修改),表示付费版SSL证书。如果您需要免费领取或付费扩容DV单域名证书【免费试...

你试过两步实现Nginx的规范配置吗?极速生成Nginx配置小工具

NGINX是一款轻量级的Web服务器,最强大的功能之一是能够有效地提供HTML和媒体文件等静态内容。NGINX使用异步事件驱动模型,在负载下提供可预测的性能。是当下最受欢迎的高性能的Web...

从零开始搭建HTTPS服务(搭建https网站)

搭建HTTPS服务的最初目的是为了开发微信小程序,因为wx.request只允许发起HTTPS请求,并且还必须和指定的域名进行网络通信。要从零开始搭建一个HTTPS的服务需要下面4...

群晖NAS使用官网域名和自己的域名配置SSL实现HTTPS访问

安全第一步,群晖NAS使用官网域名和自己的域名配置SSL实现HTTPS访问【新手导向】NAS本质还是一个可以随时随地访问的个人数据存储中心,我们在外网访问的时候,特别是在公网IP下,其实会面临着很多安...

让网站快速升级HTTPS协议提高安全性

为什么用HTTPS网络安全越来越受到重视,很多互联网服务网站,都已经升级改造为https协议。https协议下数据包是ssl/tcl加密的,而http包是明文传输。如果请求一旦被拦截,数据就会泄露产生...

用Https方式访问Harbor-1.9版本(https访问流程)

我上周在头条号写过一篇原创文章《Docker-Harbor&Docker-kitematic史上最详细双系统配置手册》,这篇算是它的姊妹篇吧。这篇文章也将用到我在头条写的另一篇原创文章的...

如何启用 HTTPS 并配置免费的 SSL 证书

在Linux服务器上启用HTTPS并配置免费的SSL证书(以Let'sEncrypt为例)可以通过以下步骤完成:---###**一、准备工作**1.**确保域名已解析**...

取消回复欢迎 发表评论: