CentOs云服务器安装docker+前端部署（仅http）

安装docker

1. sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
2. sudo yum install docker-ce docker-ce-cli containerd.io
3. 设置开机自启：systemctl enable docker.service

创建docker网络，网络名字自定义

docker network create balabala

前端准备

1. 项目打包：npm run build

2. 配置nginx.conf文件

#user  nobody;
worker_processes  1;
 
events {
    worker_connections  1024;
}
 
 
http {
    include       mime.types;
    default_type  application/octet-stream;
 
    sendfile        on;
    #tcp_nopush     on;
 
    keepalive_timeout  65;
 
    #gzip  on;
 
   # http server
    server {
        listen       80; # 在云服务器中的防火墙要开放端口
        server_name lal.noleft.cn; # 域名或者服务器公有ip
 
        location / {
            #这里写的是nginx目录重定向后的绝对路径
            root   /usr/share/nginx/html/dist;
            index  index.html index.htm;
            # 解决history路由模式刷新404
            try_files $uri $uri/ /index.html;
        }
 
        #对接后端接口的
        # location /myproject {  # /myproject/test/api     /test/api
        #     proxy_pass http://myproject:9898/; # 加/代表会丢弃/myproject
        #     # proxy_pass myproject; # 加/代表会丢弃/myproject
        # }
 
# 	    rewrite ^(.*)$  https://$host$1 permanent;
 
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

3. 创建目录
   在/usr/local下创建目录nginx，在nginx下创建html目录并放配置文件
   
   在html文件夹中放前端的包dist
   

运行命令

:后面的表示将地址重定向（所以nginx.conf配置文件中写的是重定向后的绝对路径）

docker run -d --name nginx --network balabala -v /usr/local/nginx/html:/usr/share/nginx/html -v /usr/local/nginx/nginx.conf:/etc/nginx/nginx.conf -v -p 80:80 nginx:latest

重启nginx服务并查看进程是否正常运行

docker restart nginx

如果报错可以查看nginx日志进行问题追踪

docker logs -f nginx

通过域名或ip访问部署的网页