nginx代理實(shí)現(xiàn)靜態(tài)資源訪(fǎng)問(wèn)的示例代碼
一. 目標(biāo):
為了通過(guò)nginx請(qǐng)求靜態(tài)資源(css、圖片等),通過(guò)nginx代理進(jìn)行頁(yè)面預(yù)覽。
二. 實(shí)現(xiàn)效果:
通過(guò)瀏覽器輸入nginx代理地址以打開(kāi)頁(yè)面方式訪(fǎng)問(wèn)本地html文件,也可以通過(guò)訪(fǎng)問(wèn)代理路由訪(fǎng)問(wèn)接口實(shí)現(xiàn)頁(yè)面預(yù)覽功能.
注:我演示的是在本地windows開(kāi)發(fā)環(huán)境下的配置
三. 具體配置
1. nginx配置本地靜態(tài)工程代理
找到nginx配置文件nginx.conf,配置nginx代理
server{ listen ? ? ? 80; #前端門(mén)戶(hù)工程 location / { ?? ?alias ? D:/workspace/sc-multipl-static-web-project/; ?? ?index ?index.html; }
說(shuō)明:
D:/workspace/sc-multipl-static-web-project/ 是你的前端工程文件路徑
保存配置文件并重啟nginx,瀏覽器輸入 localhost:80 驗(yàn)證
2. win10配置本地域名實(shí)現(xiàn)域名訪(fǎng)問(wèn)
域名訪(fǎng)問(wèn)實(shí)際上是通過(guò)對(duì)應(yīng)ip地址,再通過(guò)ip訪(fǎng)問(wèn)服務(wù)的,如果我們沒(méi)有開(kāi)通互聯(lián)網(wǎng)域名,可以通過(guò)配置本地域名映射模擬域名訪(fǎng)問(wèn)的(只在本機(jī)有效)
打開(kāi)C:\Windows\System32\drivers\etc,找到hosts文件,如果沒(méi)有則自己新增一個(gè),以管理員身份打開(kāi)編輯,輸入
127.0.0.1 www.chen123.com
再打開(kāi)nginx配置文件
server{ ?? ?listen ? ? ? 80; ?? ?server_name ?www.chen123.com; ?? ?ssi on; ?? ?ssi_silent_errors on; ?? ?#前端門(mén)戶(hù)工程 ?? ?location / { ?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/; ?? ??? ?index ?index.html; ?? ?} ?? ? ? ?}
保存配置文件并重啟nginx,瀏覽器輸入 localhost:chen123 驗(yàn)證
3.nginx配置頁(yè)面預(yù)覽路由
首先,你要先實(shí)現(xiàn)一個(gè)頁(yè)面預(yù)覽接口,返回格式為String類(lèi)型,內(nèi)容其實(shí)就是html的文本內(nèi)容
再打開(kāi)nginx配置文件
http { ? ? include ? ? ? mime.types; ? ? default_type ?application/octet-stream; ? ? sendfile ? ? ? ?on; ? ? #tcp_nopush ? ? on; ? ? #keepalive_timeout ?0; ? ? keepalive_timeout ?65; ? ? #gzip ?on; ?? ?#cms頁(yè)面預(yù)覽路由 ?? ?upstream cms_server_pool { ?? ??? ?server 127.0.0.1:31001 weight=10; ?? ?} ? ? server{ ?? ?listen ? ? ? 80; ?? ?server_name ?www.xuecheng.com; ?? ?ssi on; ?? ?ssi_silent_errors on; ?? ?#前端門(mén)戶(hù)工程 ?? ?location / { ?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/; ?? ??? ?index ?index.html; ?? ?} ?? ?#頁(yè)面預(yù)覽 ?? ?location /cms/preview/ { ?? ??? ?proxy_pass http://cms_server_pool/cms/preview/; ?? ?} ?? ? ? ?} }
http://cms_server_pool/cms/preview/ 就是你要實(shí)現(xiàn)的頁(yè)面預(yù)覽接口,通過(guò)配置路由實(shí)現(xiàn)跳轉(zhuǎn)到真實(shí)地址,
upstream cms_server_pool { server 127.0.0.1:31001 weight=10; #如果有多個(gè)服務(wù)器,可以寫(xiě)在下面,例如 #server 127.0.0.1:31002 weight=10; }
保存配置文件并重啟nginx,瀏覽器輸入 http://cms_server_pool/cms/preview 驗(yàn)證
我本地的nginx配置如下
events { ? ? worker_connections ?1024; } http { ? ? include ? ? ? mime.types; ? ? default_type ?application/octet-stream; ? ? sendfile ? ? ? ?on; ? ? keepalive_timeout ?65; ? ? #gzip ?on; ?? ?#cms頁(yè)面預(yù)覽路由 ?? ?upstream cms_server_pool { ?? ??? ?server 127.0.0.1:31001 weight=10; ?? ?} ? ? server{ ?? ?listen ? ? ? 80; ?? ?server_name ?www.xuecheng.com; ?? ?ssi on; ?? ?ssi_silent_errors on; ?? ?#前端門(mén)戶(hù)工程 ?? ?location / { ?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/; ?? ??? ?index ?index.html; ?? ?} ?? ?#頁(yè)面預(yù)覽 ?? ?location /cms/preview/ { ?? ??? ?proxy_pass http://cms_server_pool/cms/preview/; ?? ?} ? ?} }
到此這篇關(guān)于nginx代理實(shí)現(xiàn)靜態(tài)資源訪(fǎng)問(wèn)的示例代碼的文章就介紹到這了,更多相關(guān)nginx 靜態(tài)資源訪(fǎng)問(wèn)內(nèi)容請(qǐng)搜索本站以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持本站!
版權(quán)聲明:本站文章來(lái)源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有,歡迎引用、轉(zhuǎn)載,請(qǐng)保持原文完整并注明來(lái)源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站,禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像,否則將依法追究法律責(zé)任。本站部分內(nèi)容來(lái)源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來(lái),僅供學(xué)習(xí)參考,不代表本站立場(chǎng),如有內(nèi)容涉嫌侵權(quán),請(qǐng)聯(lián)系alex-e#qq.com處理。