資訊專欄INFORMATION COLUMN
摘要：前言前端使用開發(fā)后端使用框架提供使用代理如當(dāng)前端請(qǐng)求時(shí)候后端通過配置去請(qǐng)求需求需要將前端請(qǐng)求轉(zhuǎn)發(fā)配置負(fù)載均衡的直接訪問的配置訪問的配置重寫后端的服務(wù)器前端打包的靜態(tài)文件
前言
前端使用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;
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/40367.html
摘要：找到根目錄下文件配置代理的服務(wù)器地址前面的部分將被替換成的地址模式需要配置否則錯(cuò)誤 找到 根目錄下 /etc/nginx/nginx.conf 文件 http { log_format main $remote_addr - $remote_user [$time_local] $request $status $body_by...
摘要：前言前端使用開發(fā)后端使用框架提供使用代理如當(dāng)前端請(qǐng)求時(shí)候后端通過配置去請(qǐng)求需求需要將前端請(qǐng)求轉(zhuǎn)發(fā)配置負(fù)載均衡的直接訪問的配置訪問的配置重寫后端的服務(wù)器前端打包的靜態(tài)文件 前言 前端使用vue.js開發(fā),后端使用tornado框架提供restful API, vue.js使用代理;如 當(dāng)前端js請(qǐng)求http://192.168.9.62:9000/api/orders時(shí)候后端通過ngin...
摘要：花了天時(shí)間，趁著我還沒有忘記，先記錄下來效果目前有個(gè)項(xiàng)目，還有一個(gè)自帶的，我添加了對(duì)應(yīng)的鏈接代碼稍后粘貼出來，為了統(tǒng)一管理子項(xiàng)目的路由。 花了 3 天時(shí)間，趁著我還沒有忘記，先記錄下來 效果 目前有 2 個(gè)項(xiàng)目（project1, project2），還有一個(gè) nginx 自帶的 index.html，我添加了對(duì)應(yīng)的鏈接代碼（稍后粘貼出來），為了統(tǒng)一管理子項(xiàng)目的路由。 我期望實(shí)現(xiàn)下面的...
摘要：放置在目錄下或通過絕對(duì)路徑被引用。對(duì)于相關(guān)來說，我們推薦使用而不是直接鏈?zhǔn)街付āＴ诓桓呐渲梦募那闆r下，前端頁面迭代發(fā)布，不需要重啟服務(wù)。 作者：gauseen 0. 關(guān)于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，易用、靈活、高效。 生態(tài)系統(tǒng) 項(xiàng)目 介紹 awesome-vue Vue.js 相關(guān)很棒的...
閱讀 2918·2021-10-27 14:19
閱讀 547·2021-10-18 13:29
閱讀 1144·2021-07-29 13:56
閱讀 3562·2019-08-30 13:19
閱讀 1938·2019-08-29 12:50
閱讀 1067·2019-08-23 18:16
閱讀 3532·2019-08-22 15:37
閱讀 1909·2019-08-22 15:37
