docker安装nginx

1. 获取搜索镜像

docker search nginx

2. 拉取镜像

docker pull nginx

3. 运行nginx镜像

docker run -d --name nginx -p 80:80

4. 将运行的nginx镜像内容复制到主机/home目录下

docker cp dbc:/etc/nginx/nginx.conf /home/nginx/
docker cp dbc:/etc/nginx/conf.d /home/nginx/conf/
docker cp dbc:/usr/share/nginx/html/ /home/nginx/html/
docker cp dbc:/var/log/nginx/ /home/nginx/logs/
注：docker cp dbc 中的 "dbc" 为容器名称nginx或容器id，只要唯一就好了

5. 停止并移除容器

停止容器：docker stop nginx 
移除容器：docker rm nginx 

6. 再次启动容器并作目录挂载

docker run  --name nginx -m 1024m -p 80:80 \
-v /home/nginx/nginx.conf:/etc/nginx/nginx.conf \
-v /home/nginx/logs:/var/log/nginx \
-v /home/nginx/html:/usr/share/nginx/html \
-v /home/nginx/conf:/etc/nginx/conf.d \
-e TZ=Asia/Shanghai \
--privileged=true -d nginx

7. vue打包成dist文件目录配置

 location / {
        #跨域
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
        add_header Last-Modified "";
        add_header Cache-Control no-cache;
        etag off;
        if ($request_method = 'OPTIONS') {
        # 禁止OPTIONS
                return 204;
        }
        root  /usr/share/nginx/html/dist; #文件存放地址
        try_files $uri $uri/ /index.html;
        index  index.html index.htm;
   }