使用docker安装nginx访问web

2023-12-15 11:00:43

文章目录

一、拉取`nginx`镜像
二、相关准备
三、启动容器
四、验证
五、其它命令
六、最后

一、拉取`nginx`镜像

docker pull命令用于拉取nginx镜像

[root@iZbp1c2nlg6goff238fkraZ /]# docker pull nginx
Using default tag: latest
latest: Pulling from library/nginx
f1f26f570256: Pull complete 
84181e80d10e: Pull complete 
1ff0f94a8007: Pull complete 
d776269cad10: Pull complete 
e9427fcfa864: Pull complete 
d4ceccbfc269: Pull complete 
Digest: sha256:f4e3b6489888647ce1834b601c6c06b9f8c03dee6e097e13ed3e28c01ea3ac8c
Status: Downloaded newer image for nginx:latest

使用docker images命令可以查看当前操作系统中下载了哪些镜像文件。

[root@iZbp1c2nlg6goff238fkraZ /]# docker images
REPOSITORY   TAG            IMAGE ID       CREATED       SIZE
nginx        latest         a6bd71f48f68   3 weeks ago   187MB

二、相关准备

2.1、新建目录

在宿主机中新建文件目录

[root@iZbp1c2nlg6goff238fkraZ /]# mkdir -p /root/nginx/logs /root/nginx/html /root/nginx/conf

2.2、`nginx`配置文件

宿主机目录/root/nginx/conf下新建nginx.conf文件，内容如下所示：


user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

2.3、前端代码

将前端打包好的文件放入宿主机的/root/nginx/html目录，因为存在映射关系，实际上也是放入了容器的/usr/share/nginx/html目录

三、启动容器

启动一个容器，命令如下：

[root@iZbp1c2nlg6goff238fkraZ /]# docker run -d -p 80:80 --name nginx-prod -v /root/nginx/html:/usr/share/nginx/html -v /root/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /root/nginx/logs:/var/log/nginx nginx

-d表示容器在后台运行

--name为容器起一个名字

-p端口映射，格式为宿主机端口:容器端口，上文中含义是将容器中的端口80映射到宿主机的端口80，对外提供访问服务

-v参数表达了宿主机文件与容器中文件的映射关系，格式为-v 宿主机目录:容器文件系统目录。

nginx 就是镜像名称

启动后可以查看容器，命令如下：

[root@iZbp1c2nlg6goff238fkraZ /]# docker ps -a
CONTAINER ID   IMAGE COMMAND                CREATED        STATUS        PORTS                             NAMES
73be3a5fb030   nginx "/docker-entrypoint.…" 43 minutes ago Up 43 minutes 0.0.0.0:80->80/tcp, :::80->80/tcp nginx-prod

四、验证

4.1、服务器上`curl`验证

在服务器验证是否可以访问web

[root@iZbp1c2nlg6goff238fkraZ /]# curl 127.0.0.1
<!DOCTYPE html>
<html lang="en" id="htmlRoot">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <title>智能管理系统</title>
    <link rel="icon" href="/favicon.ico"/>
  <script type="module" crossorigin src="/js/index-eeafe988.js"></script>
  <link rel="modulepreload" crossorigin href="/js/@vue-42dc9814.js">
  <link rel="modulepreload" crossorigin href="/js/vue-8fb3817f.js">
  <link rel="modulepreload" crossorigin href="/js/@ctrl-d1fb4aeb.js">
  <link rel="modulepreload" crossorigin href="/js/@ant-design-33c40556.js">
  <link rel="modulepreload" crossorigin href="/js/@babel-0cb2cb27.js">
  <link rel="modulepreload" crossorigin href="/js/resize-observer-polyfill-9cd09a67.js">
  <link rel="modulepreload" crossorigin href="/js/vue-types-6e0325ce.js">
  <link rel="modulepreload" crossorigin href="/js/dom-align-6c68cfea.js">
  <link rel="modulepreload" crossorigin href="/js/lodash-es-af844ede.js">
  <link rel="modulepreload" crossorigin href="/js/dayjs-8413a05d.js">
  <link rel="modulepreload" crossorigin href="/js/async-validator-43606cec.js">
  <link rel="modulepreload" crossorigin href="/js/compute-scroll-into-view-cce79123.js">
  <link rel="modulepreload" crossorigin href="/js/scroll-into-view-if-needed-8ce8502d.js">
  <link rel="modulepreload" crossorigin href="/js/lodash-d75f5fe3.js">
  <link rel="modulepreload" crossorigin href="/js/ant-design-vue-75e17dab.js">
  <link rel="modulepreload" crossorigin href="/js/vue3-json-viewer-6a466741.js">
  <link rel="modulepreload" crossorigin href="/js/source-map-6c921066.js">
  <link rel="modulepreload" crossorigin href="/js/@intlify-1d26f7ce.js">
  <link rel="modulepreload" crossorigin href="/js/vue-i18n-2c887688.js">
  <link rel="modulepreload" crossorigin href="/js/pinia-b8ae3d6a.js">
  <link rel="modulepreload" crossorigin href="/js/axios-8824a488.js">
  <link rel="modulepreload" crossorigin href="/js/js-cookie-d226b4a0.js">
  <link rel="modulepreload" crossorigin href="/js/nprogress-c514a81d.js">
  <link rel="modulepreload" crossorigin href="/js/vue-router-da40847b.js">
  <link rel="stylesheet" href="/css/vue3-json-viewer-88bfb231.css">
  <link rel="stylesheet" href="/css/nprogress-8b89e2e0.css">
  <link rel="stylesheet" href="/css/index-65995322.css">
</head>
<body>
<div id="app"></div>

</body>
</html>

4.2、浏览器上验证

4.3、问题排查

如果访问不了，可能是服务器未开启80端口。比如阿里云ECS需要配置如下：

五、其它命令

nginx-prod为启动容器时--name后的名字

5.1、停止容器

[root@iZbp1c2nlg6goff238fkraZ /]# docker stop nginx-prod
nginx-prod

5.2、删除容器

[root@iZbp1c2nlg6goff238fkraZ /]# docker rm nginx-prod
nginx-prod

5.3、重启容器

有些时候如果改了nginx.conf配置文件，需要重启容器生效，就需要执行命令：docker restart [容器ID]，容器ID可以通过docker ps -a查看，第一列CONTAINER ID就是容器ID

[root@iZbp1c2nlg6goff238fkraZ /]# docker restart 797f02efb554

5.4、将`nginx`配置文件`copy`到宿主机中

[root@iZbp1c2nlg6goff238fkraZ /]# docker cp nginx-prod:etc/nginx/nginx.conf /root/nginx/conf

六、最后

本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。顺手来个三连击，点赞👍收藏💖关注?，一起加油?

文章来源:https://blog.csdn.net/u012804440/article/details/135004654
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：veading@qq.com进行投诉反馈，一经查实，立即删除！