服务上放图片在浏览器直接预览 前端直接使用

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;
 try_files $uri $uri/ /index.html;
    }

location /img {
#  图片代理到  nginx 容器中的目录
    alias /usr/share/nginx/html;
    try_files $uri $uri/ /11.png;
}
}

# 访问路径
http://url/img/11.png

在nginx  容器 /home 路径下
location /img1 {
    alias /home;
    try_files $uri $uri/ /drag.png;
}
# 访问路径
http://url/img/drag.png

或者

docker run -d --name bigModel-nginx -v /home/admin1/nginx/bigmodel/nginx:/etc/nginx -v /home/admin1/nginx/bigmodel/html:/usr/share/nginx/html   -v /home/admin1/codeyard/hj/feifan_images: /home/admin1/codeyard/hj/feifan_images  -p 82:80 -d nginx:latest

-v /home/admin1/codeyard/hj/feifan_images: /home/admin1/codeyard/hj/feifan_images 这个是把宿主机和docker 文件路径做数据卷 同步文件， 开发把文件放在/home/admin1/codeyard/hj/feifan_images 这个路径下 同时nginx 也有这个文件

之后配置文件

location /img {
#  图片代理到  nginx 容器中的目录
      alias /home/admin1/codeyard/hj/feifan_images/;
        autoindex on;
}
}