正向代理 & 反向代理

閱讀時間約 2 分鐘


之前在【什麼是網路請求(HTTP response)】筆記裡有提到,網路請求遇到 CORS 跨域問題,在開發時可以透過 vite 的反向代理來解決,那麼什麼是反向代理,有反向代理的話是不是也有正向代理呢?


帶著這樣的疑問,我在網路上找到一篇用「租房」來說明正向/反向代理的文章:【終於有人把正向代理和反向代理解釋明白了!】,內容相當詳細好懂,對轉職人來說真是太棒了,這篇筆記也是基於該文章整理而成的唷~


既然是以租房為範例,首先我們要知道稍後會出現的幾個角色:

  • 租客 (開發者/使用者)
  • 房東 (目標伺服器)
  • 二房東 (代理伺服器)、房仲 (代理伺服器)

正向代理

情境:
租客向房仲(代理伺服器)詢問物件,並由房仲來進行帶看,但房東並不會知道看他房子的人(開發者/使用者)是誰

正向代理是伺服器(仲介)代理了「用戶端」(租客)去和「目標伺服器」(房東)進行交互

正向代理的用途:

  • 如果有重複的請求,可以從暫存(cache)取資料,加快速度 (房仲可以多次帶看)
  • 突破或減少網域限制 (假設房仲手上案源多,就不會受限於單一房東)
  • 隱藏使用者IP位置,減少攻擊 (房東不知道租客訊息)

反向代理

情境:
房東將物件交給親戚朋友(代理伺服器)來進行洽談帶看,租客(開發者/使用者)並不知道真正的房東是誰,會認為自己接洽的就是房東(目標伺服器)

反向代理是伺服器(二房東)代理了「目標伺服器」(房東)去和「用戶端」(租客)進行交互

反向代理用途:

  • 如果有重複的請求,可以從暫存(cache)取資料,加快速度 (二房東一樣可以多次帶看)
  • 負載均衡 (房東很忙,又不想委託第三方,於是請認識的親友來幫忙分擔)
  • 隱藏服務器IP位置,充當防火牆,減少攻擊 (租客不知道房東訊息)


正向代理 & 反向代理 比較

正向代理和反向代理看起來都是用戶和目標伺服器之間的橋樑,都可以提高訪問速度,但兩者還是有所區別的,透過表格比較會更加清楚些:

raw-image
raw-image


了解兩者差異之後,回到 vite proxy 上吧,在開發階段,前端會使用 vite 創建的虛擬伺服器去 call 後端的 API,這時候虛擬伺服器和後端伺服器處於不同的伺服器位置,而產生了跨域問題,vite proxy 可以幫我們把 API 的路徑(例如:http://localhost:5173/api/bar) 換成真實的後端 API 網址(https://google.com/api/bar)。


也就是 vite 伺服器(租客) 在不知道房東(後端伺服器)真實身份的情況下,一樣可以獲取 API 的數據資料,這就是 vite 的反向代理囉!至於 vite proxy 代理的實作方式,直接參考官方文件就可以了~


其他參考資料:

正向代理與反向代理】、【Vite 配置代理 Proxy

我是Amber,前端學習中,歡迎交流討論🧸



    20會員
    19內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    你可能也想看
    正向行為支持對注意力不足過動症之幫助「ADHD孩童之多元模式治療研究」指出正向行為支持可以協助ADHD人士找到自己的長處,並讓周遭的人了解他們的優點,藉此改善他們的人際關係及學業成績。因此,這種治療方式雖然不能取代藥物治療,但依舊是ADHD療程中不可偏廢的一環,值得重視與推廣。
    Thumbnail
    avatar
    亞柏拉特
    2021-06-07
    正向心理學如何改變了我(前言)我,是一個平凡人。  沒錯,跟你一樣,搞不好比你還要平凡。我就像你幼稚園的老師、每天光顧的早餐店老闆、公車上擠在你旁邊的上班族、滿臉倦容總是趕向下一個目的地的隔壁鄰居。我是政府官員常掛在嘴上的2300萬人民的其中之一。  所以,當我向你述說我的人生時,並不是要突顯自己的特別,而是告訴你:平凡如我,如
    avatar
    Tiffany
    2021-06-06
    正向教養愛的種子在每次的課程中,我都習慣先請參與者留下相關資料,包含自己的身分、孩子的年齡、對課程的期待,以及目前面臨到的挑戰等等。參與課程的學員多是有多寶的爸媽,但也不乏新手爸爸、年輕的老師等等。
    avatar
    媽寶米奇
    2021-02-26
    正向生活篇:「大難不死,必有後福」:初出茅廬小丫頭,開啟繪畫之旅本人練習之畫作 心路歷程: 我本來畫畫像幼稚園裡不會畫畫的小朋友。 高職因在意朋友感受讓我生重病,生病後讓我對人更敏感。 敏感運用在藝術界,就此開啟了專屬我的繪畫之旅。 .....
    Thumbnail
    avatar
    天馬
    2020-11-13
    正向人生的防疫日記前序 加州疫情大概是從今年 (2020 年)三月初開始升高的。公司也在同時間開始宣布在家工作,一向在加州過著依賴高科技的承平生活,突然風雲變色,兵荒馬亂。疫情剛爆發的前兩三個月,簡直像進入備戰狀態,人人排隊搶超級市場食物,囤積衛生紙和消毒殺菌用品。連在網上購買生鮮,都得早上五點起床,比搶新的iPho
    Thumbnail
    avatar
    Golden Gate Apple
    2020-11-11
    正向看「代」生活「開源VS節流」上班這檔事,理財這件事。 ※至所以標題會用「代」,是因為時代不同。 現在人生活步調快速,一直忙著賺錢,過度忙於工作,不斷的開元這會是你致富的關鍵嗎? 「薪水難漲,物價飛漲」的時代,我們應該要省思的是,我們自己到底需要開源還是節流,而不是一昧的開源,一直開源卻沒有節流,我想也很難財富自由,在你尚未達到
    Thumbnail
    avatar
    天馬
    2020-11-02
    【正向教養-不獎懲不溺愛,用傾聽改變孩子信念】正向教養(Positive Discipline)又譯為正面管教或積極訓導,也被稱為正向管教或正向教育,心理學大師阿德勒對教育的思想,是主張不懲罰也不溺愛孩子,他認為傳統的獎懲制度只能短暫改變孩子的行為,不僅如此,還可能會引發負面效果,像是退縮或是反抗等等。
    Thumbnail
    avatar
    媽媽問
    2020-09-18
    「正向心態」沒告訴你的真相今天有同事提到一個很有趣的問題:他需要在早會上來倡導「正向心態」嗎?許多同事都會口耳相傳:「老闆不喜歡消極心態及報怨言論,你的發言一定要表現的非常積極及正向。」在上行下效的影響下,連同事都覺得當組內有報怨的聲音出來的時候,他似乎應該要”管理”一下這個狀況…
    Thumbnail
    avatar
    SharpWriter(周乃宏)
    2020-04-05
    正向互動關係的先決條件——同理心(共情)(2) 同理心是維繫好關係強度的力量。這句話不是說假的!  許多關係之所以無法走往彼此深入的內在,正因為缺少同理心在關係中運作。 就像一個演員,若要能對所詮釋的角色,產生深入理解且深刻連結的內在經驗,他就需要具備同理心的能力,從理性和感性上,同時投入在對這個角色的全面性瞭解。
    Thumbnail
    avatar
    蘇絢慧
    2019-10-06
    正向互動關係的先決條件——同理心(共情)(1)我們的人生,即使生活範圍再小,也一定會和其他人碰到,或多或少需要互動和相處。然而,不是每段關係都會讓我們覺得相處愉快,在人際關係的問題上,最常出現的就是爭執、拉扯和無法溝通。 從原生家庭的家人關係,到同儕朋友關係,再到職場同事夥伴關係,特別是最親近的伴侶、親子關係,都免不了必須溝通、理解、接收...
    Thumbnail
    avatar
    蘇絢慧
    2019-09-13