vue代理模式nginx配置是什么-創(chuàng)新互聯(lián)

這篇文章主要介紹了vue代理模式nginx配置是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司提供高防服務(wù)器租用、云服務(wù)器、香港服務(wù)器、成都移動(dòng)機(jī)房托管等

前端使用vue.js開發(fā),后端使用tornado框架提供restful API, vue.js使用代理;如當(dāng)前端js請(qǐng)求http://192.168.9.62:9000/api/orders時(shí)候后端通過nginx配置去請(qǐng)求http://192.168.9.62:9000/v1/orders

需求

nginx需要將前端js請(qǐng)求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)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(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://bm7419.com/article16/geedg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)、小程序開發(fā)、企業(yè)建站、軟件開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容