nginx配置訪問(wèn)圖片路徑以及html靜態(tài)頁(yè)面的調(diào)取方法
給大家講一個(gè)快速配置nginx訪問(wèn)圖片地址,以及訪問(wèn)html靜態(tài)頁(yè)面的配置。
1.實(shí)驗(yàn)環(huán)境
首先隨便某個(gè)路徑下創(chuàng)建相應(yīng)的目錄。如圖下
2.在里面放自定義的html或者圖片。
3.nginx配置
user root; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; server { listen 80;#端口號(hào) server_name localhost;#本機(jī) charset utf-8; #access_log logs/host.access.log main; location ~ .*\.(gif|jpg|jpeg|png)$ { expires 24h; root /home/images/;#指定圖片存放路徑 access_log /usr/local/websrv/nginx-1.9.4/logs/images.log;#日志存放路徑 proxy_store on; proxy_store_access user:rw group:rw all:rw; proxy_temp_path /home/images/;#圖片訪問(wèn)路徑 proxy_redirect off; proxy_set_header Host 127.0.0.1; client_max_body_size 10m; client_body_buffer_size 1280k; proxy_connect_timeout 900; proxy_send_timeout 900; proxy_read_timeout 900; proxy_buffer_size 40k; proxy_buffers 40 320k; proxy_busy_buffers_size 640k; proxy_temp_file_write_size 640k; if ( !-e $request_filename) { proxy_pass http://127.0.0.1;#默認(rèn)80端口 } } location / { root /home/html; #html訪問(wèn)路徑 index index.html index2.htm; #html文件名稱 } error_page 404 /404.html; </span>
4.查看編譯是否有出錯(cuò),如果沒(méi)出錯(cuò)則設(shè)置成功。
5.訪問(wèn)nginx則能訪問(wèn)到訪問(wèn)的圖片地址。
6.訪問(wèn)自定義html時(shí)。
成功。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 解決Vue項(xiàng)目打包后打開(kāi)index.html頁(yè)面顯示空白以及圖片路徑錯(cuò)誤的問(wèn)題
- JS/HTML5游戲常用算法之路徑搜索算法 A*尋路算法完整實(shí)例
- JS/HTML5游戲常用算法之路徑搜索算法 隨機(jī)迷宮算法詳解【普里姆算法】
- Python基于lxml模塊解析html獲取頁(yè)面內(nèi)所有葉子節(jié)點(diǎn)xpath路徑功能示例
- 如何使用php腳本給html中引用的js和css路徑打上版本號(hào)
- python輸出當(dāng)前目錄下index.html文件路徑的方法
- asp.net獲取HTML表單File中的路徑的方法
- C#正則表達(dá)式匹配HTML中的圖片路徑,圖片地址代碼
- HTML 絕對(duì)路徑與相對(duì)路徑概念詳細(xì)
相關(guān)文章
Nginx 解決WebApi跨域二次請(qǐng)求以及Vue單頁(yè)面的問(wèn)題
下面小編就為大家分享一篇Nginx 解決WebApi跨域二次請(qǐng)求以及Vue單頁(yè)面的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01Nginx upstream的5種權(quán)重分配方式分享
Nginx upstream的5種權(quán)重分配方式分享,需要的朋友可以參考下2012-09-09Nginx配置location匹配順序詳細(xì)總結(jié)
這篇文章主要介紹了Nginx配置location匹配順序詳解,Nginx是十分輕量級(jí)的HTTP服務(wù)器,Nginx憑借其穩(wěn)定性、低資源消耗、簡(jiǎn)單配置和豐富的功能,從十多年前名不見(jiàn)經(jīng)傳的Web服務(wù)器軟件,發(fā)展到如今能夠跟Apache匹敵的地位,需要的朋友可以參考下2023-08-08Nginx解決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-11nginx配置緩存關(guān)閉的實(shí)現(xiàn)
本文將介紹nginx緩存關(guān)閉,以及配置的具體步驟和示例,通過(guò)調(diào)整Nginx的配置文件,可以確保瀏覽器不會(huì)緩存網(wǎng)站的內(nèi)容,從而提高網(wǎng)站的安全性和性能2023-10-10nginx動(dòng)態(tài)添加訪問(wèn)白名單的方法
本篇文章主要介紹了nginx動(dòng)態(tài)添加訪問(wèn)白名單的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02Nginx實(shí)現(xiàn)分端口部署兩個(gè)或多個(gè)項(xiàng)目的教程
這篇文章主要為大家詳細(xì)介紹了Nginx實(shí)現(xiàn)分端口部署兩個(gè)或多個(gè)項(xiàng)目的相關(guān)教程,其中包含了反向代理配置,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10