這篇文章主要介紹了vue代理模式nginx配置是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司提供高防服務(wù)器租用、云服務(wù)器、香港服務(wù)器、成都移動機房托管等前端使用vue.js開發(fā),后端使用tornado框架提供restful API, vue.js使用代理;如 當(dāng)前端js請求http://192.168.9.62:9000/api/orders時候后端通過nginx配置去請求http://192.168.9.62:9000/v1/orders
需求
nginx需要將前端js請求http://192.168.9.62:9000/api/orders 轉(zhuǎn)發(fā) http://192.168.9.62:9000/v1/orders
nginx配置
upstream svrs { # 負(fù)載均衡的servers server 127.0.0.1:8001; server 127.0.0.1:8002; server 127.0.0.1:8003; server 127.0.0.1:8004; server 127.0.0.1:8005; server 127.0.0.1:8006; server 127.0.0.1:8007; server 127.0.0.1:8008; server 127.0.0.1:8009; server 127.0.0.1:8010; } server { listen 9000; server_name _; location /v1 { # 直接訪問 http://192.168.9.62:9000/v1/orders 的配置 proxy_pass_header Server; proxy_redirect off; proxy_set_header Host $http_host; proxy_set_header x-forwarded-for $remote_addr; proxy_set_header X-Real-IP $remote_addr; proxy_read_timeout 120; proxy_pass http://svrs; } location /api { # 訪問http://192.168.9.62:9000/api/orders 的配置 # 重寫 api/ --> v1/ rewrite ^.+api/?(.*)$ /v1/$1 break; # 后端的API服務(wù)器 proxy_pass http://svrs; } location / { # 前端打包的靜態(tài)文件 root /home/xx/xx_web; index index.html; } }
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享vue代理模式nginx配置是什么內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)建站,詳細(xì)的解決方法等著你來學(xué)習(xí)!
本文標(biāo)題:vue代理模式nginx配置是什么-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://www.rwnh.cn/article16/geedg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、手機網(wǎng)站建設(shè)、小程序開發(fā)、企業(yè)建站、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容