首页 > 其他分享 >Docker 部署前端静态网站

Docker 部署前端静态网站

时间:2023-04-20 23:36:25浏览次数:41  
标签:docker 静态 前端 nginx html conf Docker bev 80

1 安装Docker(略)

2 拉取nginx镜像

docker pull nginx

3 创建文件目录

bev:静态网站名称

html:存放网站代码

nginx:存放nginx配置文件nginx.conf

conf.d:存放配置文件default.conf

logs:挂载nginx的日志

4 运行镜像,复制文件到宿主机

docker run -d -p 80:80 nginx

查看容器id

docker ps

 复制容器中的nginx.conf和default.conf到宿主机

docker cp 容器ID:/etc/nginx/nginx.conf /home/bev/nginx/
docker cp 容器ID:/etc/nginx/conf.d/default.conf /home/bev/nginx/conf.d/

nginx.conf和default.conf都是配置文件,修改其一即可,下面修改default.conf

server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

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

    location / {
        root   /usr/share/nginx/html; # 网站的根目录
        index  index.html index.htm; 
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

如果网站是打包到容器里面的修改根目录,我是宿主机挂载到容器的只需要将网站根目录映射到 /usr/share/nginx/html目录即可

5 移除nginx容器

docker rm -f 容器ID

6 重新运行容器

docker run -d -v /home/bev/html:/usr/share/nginx/html -v /home/bev/nginx/conf.d:/etc/nginx/conf.d -v /home/bev/nginx/nginx.conf:/etc/nginx/nginx.conf -v /home/bev/nginx/logs:/var/log/nginx -p 80:80 --name=bev nginx:latest

 

标签:docker,静态,前端,nginx,html,conf,Docker,bev,80
From: https://www.cnblogs.com/whjblog/p/17338771.html

相关文章

  • 通过docker启动mysql
    一、启动mysql1.下载mysqldockerpullmysql:5.7#具体可以去dockerhub中查找想要的版本2.启动mysqldockerrun-d-p3306:3306mysql:5.7--namemysql01-eMYSQL_ROOT_PASSWORD="123"-v/data/mysql/datadir:/var/lib/mysql-v/data/mysql/my.cnf:/etc/......
  • 【前端可视化】SVG 学习知识点
    基本概念和语法SVG的定义和历史SVG是可缩放矢量图形(ScalableVectorGraphics)的缩写,它是一种用于描述二维矢量图形的XML标记语言。与传统的栅格图像不同,SVG图像可以无限缩放而不会失真,同时也支持交互和动画等特性。SVG最早于1999年由W3C发布,用于在Web上展示矢量图......
  • docker 创建jenkins
    #查看远程镜像dockersearchjenkins#拉取镜像dockerpulljenkins/jenkins#创建容器dockerrun-d-uroot-p8080:8080-p50000:50000--namejenkins-v~/jenkins_home:/var/jenkins_home-v/etc/localtime:/etc/localtimejenkins/jenkins  #查看密码#......
  • docker入门学习
    第一部分一、docker简介docker是一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源。docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化容器时完全使用沙箱机制,互相之间不会有任何接口(类似IPhon......
  • 后端long类型传到前端精度丢失
    问题:c#的long类型精度比前端JS的number精度高,前端JS的long类型只有17位,当后端传给前端的long类型超过17位时,就会造成数据精度丢失。解决方案: 1.我们可以自定义一个json序列化的转换器,将long类型转换为string类型。代码如下:publicclassLongToStringConverter:Json......
  • docker-compose 安装使用教程
    1、下载二进制文件:curl-Lhttps://github.com/docker/compose/releases/download/v2.17.1/docker-compose-linux-x86_64  -o/usr/local/bin/docker-compose2、授权执行权限:    chmod+x/usr/local/bin/docker-compose3、查看版本:  docker-compose--version......
  • day 07 7.1 前端基础之JavaScript基础【一】
    前端基础之JavaScript基础【一】【1】、JavaScript的历史1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。但是该浏览器还没有面向大众的普通用户。1994年10月,NCSA的一个主要......
  • day 08 8.2 前端基础之JavaScript基础【三】
    前端基础之JavaScript基础【三】【1】、jQuery介绍jQuery是什么jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件......
  • day 08 8.1 前端基础之JavaScript基础【二】
    前端基础之JavaScript基础【二】【1】、json序列化和反序列化JSON:JavaScript对象表示法,是一种轻量级的数据交换格式。易于人阅读和编写。//json是一种数据格式,语法一般是{}或者[]包含起来//内部成员以英文逗号隔开,最后一个成员不能使用逗号!//可以是键值对,也可以是列......
  • day 05 5.1 前端基础之HTML
    前端基础之HTML了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML,所以,本章内容主要分两部分,一是介绍HTML的相关概念、发展历史,二是创建HTML网页文档和认识HTML的基本结构。我们学会如何新建一个HTML页面和熟记HTML文档的基本结构和主要标签。......