Nginx搭建静态资源映射实现远程访问服务器上的图片资源
場(chǎng)景
需求是從A系統(tǒng)中預(yù)覽B系統(tǒng)中抓拍的照片。
B系統(tǒng)在另一條服務(wù)器上,照片的路徑是絕對(duì)路徑
類似D:\aa\badao.jpg這樣的圖片路徑。
在A系統(tǒng)中查詢B系統(tǒng)的數(shù)據(jù)庫(kù)能獲取圖片的路徑。
需要將此圖片路徑映射為網(wǎng)絡(luò)URL,使在A系統(tǒng)中能通過網(wǎng)絡(luò)URL實(shí)現(xiàn)預(yù)覽。
Nginx在Windows下載安裝啟動(dòng)與配置前后端請(qǐng)求代理:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108122023
在上面進(jìn)行Nginx的安裝和配置后。
配置靜態(tài)資源映射是一樣的流程。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。
實(shí)現(xiàn)
照片再B系統(tǒng)服務(wù)器上的路徑為D盤下pic_old
?
然后照片路徑都是在數(shù)據(jù)庫(kù)中進(jìn)行存儲(chǔ)的
?
存儲(chǔ)的是完整的磁盤路徑。
首先下載Nginx,然后復(fù)制到B系統(tǒng)所在的服務(wù)器上,打開conf下的nginx.conf
添加一個(gè)靜態(tài)資源服務(wù)器
??? 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;#}}?
這里代表監(jiān)聽250端口,并且將請(qǐng)求過來的根路徑映射為下面的
root路徑
D:/pic_old/
配置完成后,保存,然后到bin下打開cmd
start nginx.exe
啟動(dòng)nginx
然后就可以打開瀏覽器訪問
http://localhost:250/
這個(gè)路徑就等同于D:/pic_old/
所以后面加上照片文件的具體路徑,就可以實(shí)現(xiàn)在靜態(tài)資源服務(wù)器映射訪問。
?
然后如果要是在A系統(tǒng)的服務(wù)器或者其他瀏覽器中預(yù)覽,必須開放B系統(tǒng)所在服務(wù)器的250端口。
?
與50位技術(shù)專家面對(duì)面20年技術(shù)見證,附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的Nginx搭建静态资源映射实现远程访问服务器上的图片资源的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Redis中通过bat获取指定前缀开头的
- 下一篇: Vue中使用a标签实现点击在新标签页中打