<option id="m6yik"></option><abbr id="m6yik"></abbr>

vue代理模式 nginx配置

jaysun 發布于2019-07-31 10:09 / 1145人閱讀

摘要：前言前端使用開發后端使用框架提供使用代理如當前端請求時候后端通過配置去請求需求需要將前端請求轉發配置負載均衡的直接訪問的配置訪問的配置重寫后端的服務器前端打包的靜態文件

前言

前端使用vue.js開發,后端使用tornado框架提供restful API, vue.js使用代理;如當前端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 轉發 http://192.168.9.62:9000/v1/orders

nginx配置

upstream svrs {
        # 負載均衡的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服務器
           proxy_pass   http://svrs; 
    }


    location / {
        # 前端打包的靜態文件
        root /home/xx/xx_web;
        index index.html;
    }
}

GPU云服務器云服務器 nginx代理 nginx反向代理 nginx代理https nginx代理nodejs

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/43348.html

Nginx 反向代理的進本配置以及Vue-router history模式配置

摘要：找到根目錄下文件配置代理的服務器地址前面的部分將被替換成的地址模式需要配置否則錯誤找到根目錄下 /etc/nginx/nginx.conf 文件 http { log_format main $remote_addr - $remote_user [$time_local] $request $status $body_by...

hightopo 2019-07-25 14:04 評論0 收藏0
vue代理模式 nginx配置

摘要：前言前端使用開發后端使用框架提供使用代理如當前端請求時候后端通過配置去請求需求需要將前端請求轉發配置負載均衡的直接訪問的配置訪問的配置重寫后端的服務器前端打包的靜態文件前言前端使用vue.js開發,后端使用tornado框架提供restful API, vue.js使用代理;如當前端js請求http://192.168.9.62:9000/api/orders時候后端通過ngin...

whataa 2019-07-25 14:41 評論0 收藏0
使用 nginx 同域名下部署多個 vue 項目，并使用反向代理

摘要：花了天時間，趁著我還沒有忘記，先記錄下來效果目前有個項目，還有一個自帶的，我添加了對應的鏈接代碼稍后粘貼出來，為了統一管理子項目的路由。花了 3 天時間，趁著我還沒有忘記，先記錄下來效果目前有 2 個項目（project1, project2），還有一個 nginx 自帶的 index.html，我添加了對應的鏈接代碼（稍后粘貼出來），為了統一管理子項目的路由。我期望實現下面的...

saucxs 2019-07-25 14:39 評論0 收藏0
Vue-項目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

摘要：放置在目錄下或通過絕對路徑被引用。對于相關來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發布，不需要重啟服務。作者：gauseen 0. 關于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架，易用、靈活、高效。生態系統項目介紹 awesome-vue Vue.js 相關很棒的...

Arno 2019-08-26 13:49 評論0 收藏0