通過(guò)配置nginx訪問(wèn)服務(wù)器靜態(tài)資源的過(guò)程
更新時(shí)間：2025年08月08日 15:08:05 作者：三級(jí)碼農(nóng)666
文章介紹了圖片存儲(chǔ)路徑設(shè)置、Nginx服務(wù)器配置及通過(guò)http://192.168.206.170:8007/a.png訪問(wèn)圖片的方法,涵蓋圖片管理與服務(wù)部署的核心步驟
1.圖片存儲(chǔ)路徑
2.nginx配置
server {
listen 8006; #前端訪問(wèn)端口
server_name 127.0.0.1;
client_max_body_size 200M;
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';
if ($request_method = 'OPTIONS') {
return 204;
}
root /usr/local/huahua/xmgls/uploadData/; #靜態(tài)資源存放路徑
add_header Cache-Control no-cache;
index index.html;
expires 1h;
}
#location ^~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html|txt|pdf|) {
# root /usr/local/huahua/xmgls/upload/;
# add_header Cache-Control no-cache;
# expires 1h;
# }
location ~ ^/api/ { 映射到后端訪問(wèn)端口
proxy_set_header x-forwarded-for $remote_addr;
proxy_set_header x-forwarded-proto $http_x_forwarded_proto;
proxy_set_header host $host;
proxy_pass http://127.0.0.1:8007;
proxy_read_timeout 120s;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
3.訪問(wèn)圖片方式
http://192.168.206.170:8007/a.png
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用nginx同域名下部署多個(gè)vue項(xiàng)目并使用反向代理的方法
這篇文章主要介紹了使用nginx同域名下部署多個(gè)vue項(xiàng)目并使用反向代理的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
Nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器,支持IMAP/POP3/SMTP服務(wù),本文介紹了Nginx的下載、安裝、啟動(dòng)和關(guān)閉方法,包括Windows版和Linux版（CentOS下）的詳細(xì)步驟,需要的朋友可以參考下2024-11-11
這篇文章主要為大家介紹了Nginx配置https腳本實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
在維護(hù) Web 服務(wù)器時(shí),Nginx 就像一位沉默的守門人,它通常運(yùn)行得非常穩(wěn)定,但一旦出現(xiàn) 502 Bad Gateway 或頁(yè)面加載緩慢時(shí),很多新手面對(duì)黑底白字的終端會(huì)感到迷茫,本文將帶你快速掌握 Nginx 日志的查找與分析技巧,助你從容應(yīng)對(duì)服務(wù)器故障,需要的朋友可以參考下2025-12-12
Nginx解決vue項(xiàng)目服務(wù)器部署及跨域訪問(wèn)后端詳解
跨域問(wèn)題在前后端分離項(xiàng)目很常見(jiàn),至于為什么會(huì)跨域,同源策略,百度各種博客都很詳細(xì),這里不再介紹,這篇文章主要給大家介紹了關(guān)于Nginx解決vue項(xiàng)目服務(wù)器部署及跨域訪問(wèn)后端的相關(guān)資料,需要的朋友可以參考下2022-11-11
詳解Nginx服務(wù)器中配置Sysguard模塊預(yù)防高負(fù)載的方案
這篇文章主要介紹了詳解Nginx服務(wù)器中配置Sysguard模塊預(yù)防高負(fù)載的方案,該模塊由阿里巴巴的團(tuán)隊(duì)開(kāi)發(fā),能夠設(shè)置負(fù)載閥值,比較強(qiáng)大,需要的朋友可以參考下2016-01-01
Nginx是一個(gè)高性能的HTTP和反向代理服務(wù)器,具有異步非阻塞機(jī)制和輕量級(jí)的特點(diǎn),它適用于多種場(chǎng)景,如Web網(wǎng)站服務(wù)、虛擬主機(jī)、反向代理、負(fù)載均衡和Web緩存服務(wù)器,Nginx的配置簡(jiǎn)潔,使用方便,具有較高的穩(wěn)定性和抗并發(fā)能力2026-01-01
這篇文章主要介紹了nginx 平滑重啟的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
nginx中g(shù)zip_types匹配content-type的方式
這篇文章主要介紹了nginx中g(shù)zip_types匹配content-type的方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
nginx status狀態(tài)頁(yè)配置方法和中文說(shuō)明
這篇文章主要介紹了nginx status狀態(tài)頁(yè)配置方法和中文說(shuō)明,重點(diǎn)在配置例子和status的中文說(shuō)明,需要的朋友可以參考下2014-06-06