Nginx搭建静态资源映射实现远程访问服务器上的图片资源

╰半夏微凉° 2022-10-16 00:56 226阅读 0赞

# 场景 #

需求是从A系统中预览B系统中抓拍的照片。

B系统在另一条服务器上，照片的路径是绝对路径

类似D:\\aa\\badao.jpg这样的图片路径。

在A系统中查询B系统的数据库能获取图片的路径。

需要将此图片路径映射为网络URL，使在A系统中能通过网络URL实现预览。

Nginx在Windows下载安装启动与配置前后端请求代理：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/108122023][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_108122023]

在上面进行Nginx的安装和配置后。

配置静态资源映射是一样的流程。  
注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

# 实现 #

照片再B系统服务器上的路径为D盘下pic\_old

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

然后照片路径都是在数据库中进行存储的

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

存储的是完整的磁盘路径。

首先下载Nginx，然后复制到B系统所在的服务器上，打开conf下的nginx.conf

添加一个静态资源服务器

server {
            listen       250;
            server_name  127.0.0.1;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                root   D:/pic_old/;
       try_files $uri $uri/ /index.html;
                index  index.html index.htm;
            }
    
      
            # redirect server error pages to the static page /50x.html
            #
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   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;
            #}
        }

这里代表监听250端口，并且将请求过来的根路径映射为下面的

root路径

D:/pic\_old/

配置完成后，保存，然后到bin下打开cmd

start nginx.exe

启动nginx

然后就可以打开浏览器访问

[http://localhost:250/][http_localhost_250]

这个路径就等同于D:/pic\_old/

所以后面加上照片文件的具体路径，就可以实现在静态资源服务器映射访问。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2][]

然后如果要是在A系统的服务器或者其他浏览器中预览，必须开放B系统所在服务器的250端口。

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_108122023]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108122023
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: /images/20221014/312b6985f624457cade6281bcce54041.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: /images/20221014/9bee467964b84692bd346a99fd113c1d.png
[http_localhost_250]: http://localhost:250/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2]: /images/20221014/20e5ffbf698f4a01964f8ef2fe58118e.png