av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

nginx代理實現靜態資源訪問的示例代碼

瀏覽:71日期:2023-03-13 15:37:21
目錄
  • 一. 目標:
  • 二. 實現效果:
  • 三. 具體配置
    • 1. nginx配置本地靜態工程代理
    • 2. win10配置本地域名實現域名訪問
    • 3.nginx配置頁面預覽路由

一. 目標:

為了通過nginx請求靜態資源(css、圖片等),通過nginx代理進行頁面預覽。

二. 實現效果:

通過瀏覽器輸入nginx代理地址以打開頁面方式訪問本地html文件,也可以通過訪問代理路由訪問接口實現頁面預覽功能.
注:我演示的是在本地windows開發環境下的配置

三. 具體配置

1. nginx配置本地靜態工程代理

找到nginx配置文件nginx.conf,配置nginx代理

server{
listen ? ? ? 80;

#前端門戶工程
location / {
?? ?alias ? D:/workspace/sc-multipl-static-web-project/;
?? ?index ?index.html;
}

說明:
D:/workspace/sc-multipl-static-web-project/ 是你的前端工程文件路徑

保存配置文件并重啟nginx,瀏覽器輸入 localhost:80 驗證

2. win10配置本地域名實現域名訪問

域名訪問實際上是通過對應ip地址,再通過ip訪問服務的,如果我們沒有開通互聯網域名,可以通過配置本地域名映射模擬域名訪問的(只在本機有效)
打開C:\Windows\System32\drivers\etc,找到hosts文件,如果沒有則自己新增一個,以管理員身份打開編輯,輸入

127.0.0.1 www.chen123.com

再打開nginx配置文件

server{
?? ?listen ? ? ? 80;
?? ?server_name ?www.chen123.com;
?? ?ssi on;
?? ?ssi_silent_errors on;
?? ?#前端門戶工程
?? ?location / {
?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/;
?? ??? ?index ?index.html;
?? ?}
?? ?
? ?}

保存配置文件并重啟nginx,瀏覽器輸入 localhost:chen123 驗證

3.nginx配置頁面預覽路由

首先,你要先實現一個頁面預覽接口,返回格式為String類型,內容其實就是html的文本內容
再打開nginx配置文件

http {
? ? include ? ? ? mime.types;
? ? default_type ?application/octet-stream;

? ? sendfile ? ? ? ?on;
? ? #tcp_nopush ? ? on;

? ? #keepalive_timeout ?0;
? ? keepalive_timeout ?65;

? ? #gzip ?on;
?? ?#cms頁面預覽路由
?? ?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;
?? ?#前端門戶工程
?? ?location / {
?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/;
?? ??? ?index ?index.html;
?? ?}
?? ?#頁面預覽
?? ?location /cms/preview/ {
?? ??? ?proxy_pass http://cms_server_pool/cms/preview/;
?? ?}
?? ?
? ?}
}

http://cms_server_pool/cms/preview/ 就是你要實現的頁面預覽接口,通過配置路由實現跳轉到真實地址,

    upstream cms_server_pool {
server 127.0.0.1:31001 weight=10;
#如果有多個服務器,可以寫在下面,例如
#server 127.0.0.1:31002 weight=10;
    }

保存配置文件并重啟nginx,瀏覽器輸入 http://cms_server_pool/cms/preview 驗證

我本地的nginx配置如下

events {
? ? worker_connections ?1024;
}

http {
? ? include ? ? ? mime.types;
? ? default_type ?application/octet-stream;

? ? sendfile ? ? ? ?on;
? ? keepalive_timeout ?65;

? ? #gzip ?on;
?? ?#cms頁面預覽路由
?? ?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;
?? ?#前端門戶工程
?? ?location / {
?? ??? ?alias ? D:/workspace/sc-multipl-static-web-project/;
?? ??? ?index ?index.html;
?? ?}
?? ?#頁面預覽
?? ?location /cms/preview/ {
?? ??? ?proxy_pass http://cms_server_pool/cms/preview/;
?? ?}
? ?}
}

到此這篇關于nginx代理實現靜態資源訪問的示例代碼的文章就介紹到這了,更多相關nginx 靜態資源訪問內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: Nginx
相關文章:
主站蜘蛛池模板: 在线免费观看成人 | 在线观看亚洲专区 | 国产观看| 精品视频一区二区三区在线观看 | 久久久久久久久久性 | 91精品国产欧美一区二区成人 | 91精品久久久久久久久中文字幕 | 18av在线播放 | 亚洲免费观看视频 | 噜噜噜噜狠狠狠7777视频 | 欧美一区免费在线观看 | 日韩在线小视频 | 2018中文字幕第一页 | 日韩一区二区在线视频 | 欧美日韩国产精品一区二区 | 国产精品视频导航 | 天天干在线播放 | 亚洲精品一区中文字幕乱码 | www..com18午夜观看| 狠狠干天天干 | 国产成人福利在线观看 | 亚洲精品一区二区网址 | 91精品国产91久久久久久最新 | 日本欧美在线视频 | 久久99精品久久久久子伦 | 特黄av| 在线观看免费av网 | com.色.www在线观看 | 欧美精品久久久 | 国产成人免费视频网站视频社区 | 久久午夜国产精品www忘忧草 | 久久久国产一区二区三区 | 中文字幕精品视频 | 久久久久久久久久久爱 | 男人av网 | www.久久久久久久久久久久 | 午夜网站视频 | 狠狠色狠狠色综合系列 | 久久精品小视频 | 免费看欧美一级片 | 国产乱码精品1区2区3区 |