docs-image/server-proxy.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 804.7609864387846 241.47623281486938" width="804.7609864387846" height="241.47623281486938">
  <!-- svg-source:excalidraw -->

  <defs>
    <style>
      @font-face {
        font-family: "Virgil";
        src: url("https://excalidraw.com/Virgil.woff2");
      }
      @font-face {
        font-family: "Cascadia";
        src: url("https://excalidraw.com/Cascadia.woff2");
      }
    </style>
  </defs>
  <rect x="0" y="0" width="804.7609864387846" height="241.47623281486938" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 23.476232814869377) rotate(0 76 104)"><path d="M-1.79 0.18 C50.37 -1.51, 97.8 -1.83, 152.91 -1.22 M-0.03 -0.26 C43.91 1.7, 87.33 1.4, 151.04 0.24 M150.86 -0.77 C150.16 46.25, 153.31 95.6, 153.35 209.07 M151.71 0.23 C150.01 61.08, 151.15 123.11, 152.67 208.09 M152.26 209.36 C120.78 207.53, 91.17 210.07, -1.17 207.52 M151.53 207.25 C111.49 206.28, 70.46 206.75, -0.58 207.45 M0.23 207.93 C1.29 166.05, 0.8 123.21, -1.75 0.11 M-0.54 208.72 C-0.98 141.5, -0.94 75.08, 0.2 -0.43" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(15 114.97623281486938) rotate(0 71 12.5)"><text x="71" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Browser</text></g><g stroke-linecap="round" transform="translate(403.99804277622025 15.821271374254877) rotate(0 70.5 105)"><path d="M1.81 -0.17 C55.44 -0.62, 110.43 -1.34, 140.7 0.28 M0.63 0.96 C36.19 1.04, 69.91 0.61, 140.3 -0.14 M139.42 -1.57 C141.38 55.35, 141.16 111.86, 140.93 208.89 M140.17 -0.44 C140.7 57.49, 141.07 114.95, 140.16 210.15 M140.95 208.57 C91.31 212.07, 37.44 210.48, -0.6 210.87 M141.51 209.8 C113.3 209.22, 84 208.39, -0.94 210.16 M1.58 210.83 C0.84 142.73, -1.99 74, 0.38 0.31 M-0.66 210.34 C0.5 155.68, 1.32 99.42, -0.87 -0.58" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(408.99804277622025 108.32127137425488) rotate(0 65.5 12.5)"><text x="65.5" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Vite</text></g><g transform="translate(184.10194094370536 117.70492291101311) rotate(0 96 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">WebSocket for HMR</text></g><g transform="translate(249.5936154903775 10) rotate(0 27.5 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">HTML</text></g><g transform="translate(228.84206640213324 67.66055992111063) rotate(0 46.5 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">JS / CSS</text></g><g transform="translate(204.5083353846003 170.01218150571628) rotate(0 69.5 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">API Requests</text></g><g stroke-linecap="round" transform="translate(653.7609864387846 134.90511683927258) rotate(0 70.5 43.5)"><path d="M0.61 0.63 C52.68 0.23, 108.11 0.22, 140.25 0.24 M0.38 -0.69 C42.61 0.51, 86.12 0.28, 140.16 0.11 M142.98 0.62 C142.15 20.39, 143.39 36.16, 139.41 88.14 M141.74 0.21 C141.5 33.89, 141.38 64.88, 140.78 87.63 M139.82 85.6 C112.02 87.38, 80.93 84.85, -0.09 88.94 M141.96 86.75 C87.34 88.12, 34.18 88.1, 0.53 87.66 M-0.19 88.95 C1.31 64.6, -0.91 44.9, 0.31 -0.95 M0.7 87.5 C1.12 63.27, 0.86 39.64, 0.95 -0.55" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(658.7609864387846 165.90511683927258) rotate(0 65.5 12.5)"><text x="65.5" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">API Server</text></g><g stroke-linecap="round"><g transform="translate(176.8411061969059 43.927136696843775) rotate(0 107.79268874588115 -1.1722729074534186)"><path d="M0.6 -0.24 C36.45 -0.66, 180.2 -1.75, 216.13 -2.11 M-0.55 -1.41 C35.12 -1.73, 179.53 -0.92, 215.6 -0.96" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(176.8411061969059 43.927136696843775) rotate(0 107.79268874588115 -1.1722729074534186)"><path d="M28.3 -9.43 C16.65 -5.16, 5.29 -3.53, -0.45 0.86 M28.36 -11.71 C19.93 -6.72, 11 -3.9, -0.29 0.62" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(176.8411061969059 43.927136696843775) rotate(0 107.79268874588115 -1.1722729074534186)"><path d="M28.48 11.09 C16.68 7.44, 5.26 1.14, -0.45 0.86 M28.54 8.81 C20.21 7.34, 11.23 3.7, -0.29 0.62" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(176.8411061969059 43.927136696843775) rotate(0 107.79268874588115 -1.1722729074534186)"><path d="M186.99 10.54 C197.01 6.54, 207.39 0.18, 214.55 0.13 M187.05 8.26 C196.51 7.28, 205.32 3.59, 214.71 -0.11" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(176.8411061969059 43.927136696843775) rotate(0 107.79268874588115 -1.1722729074534186)"><path d="M187.04 -9.98 C197.11 -6.06, 207.48 -4.5, 214.55 0.13 M187.1 -12.26 C196.39 -6.78, 205.18 -4.01, 214.71 -0.11" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(171.7138509368815 99.30150915224169) rotate(0 107.60814371588344 -0.4945595591008214)"><path d="M1.2 0.13 C36.85 -0.14, 179.23 -0.84, 214.85 -1.29 M0.37 -0.85 C35.73 -0.94, 178.04 0.46, 213.64 0.29" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.7138509368815 99.30150915224169) rotate(0 107.60814371588344 -0.4945595591008214)"><path d="M29.54 -11.13 C18.82 -6.74, 6.02 -2.65, 1.75 1.79 M28.97 -10.03 C19.12 -6.72, 8.24 -3.35, 1.82 -0.06" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.7138509368815 99.30150915224169) rotate(0 107.60814371588344 -0.4945595591008214)"><path d="M29.66 9.39 C18.84 6, 6 2.31, 1.75 1.79 M29.09 10.49 C19.27 6.25, 8.35 2.07, 1.82 -0.06" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.7138509368815 99.30150915224169) rotate(0 107.60814371588344 -0.4945595591008214)"><path d="M185.63 9.63 C196.22 5.65, 204.79 1.93, 214.2 1.96 M185.05 10.73 C196.02 6.88, 205.88 2.66, 214.26 0.1" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.7138509368815 99.30150915224169) rotate(0 107.60814371588344 -0.4945595591008214)"><path d="M185.7 -10.89 C196.32 -7.09, 204.87 -3.03, 214.2 1.96 M185.12 -9.79 C195.99 -6.09, 205.83 -2.76, 214.26 0.1" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(173.0811503005043 157.41037602060896) rotate(0 107.63525569202989 -0.6681279831757934)"><path d="M0.33 0.36 C36.52 0.4, 180.49 0.2, 216.22 -0.19 M-0.95 -0.5 C35.23 -0.73, 179.96 -1.61, 215.74 -1.7" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(173.0811503005043 157.41037602060896) rotate(0 107.63525569202989 -0.6681279831757934)"><path d="M29.1 -8.49 C24.11 -8.54, 14.76 -6.43, -0.51 0.89 M28.57 -9.14 C19.84 -5.98, 12.16 -4.77, 1 -0.21" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(173.0811503005043 157.41037602060896) rotate(0 107.63525569202989 -0.6681279831757934)"><path d="M29.13 12.03 C24.21 7.37, 14.86 4.88, -0.51 0.89 M28.61 11.38 C19.85 8.27, 12.16 3.23, 1 -0.21" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(173.0811503005043 157.41037602060896) rotate(0 107.63525569202989 -0.6681279831757934)"><path d="M188.18 10.15 C195.9 5.3, 199.19 2.77, 214.9 -1.16 M187.66 9.5 C196.11 6.68, 205.62 1.58, 216.4 -2.26" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(173.0811503005043 157.41037602060896) rotate(0 107.63525569202989 -0.6681279831757934)"><path d="M188.09 -10.37 C195.75 -10.62, 199.06 -8.54, 214.9 -1.16 M187.56 -11.02 C196.06 -7.58, 205.59 -6.41, 216.4 -2.26" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(171.0302273336397 214.32291462258638) rotate(0 107.73020858768518 -0.6966761934336603)"><path d="M-0.8 0.72 C35.34 0.46, 180.41 -1.82, 216.26 -2.11 M0.98 0.05 C37.09 -0.02, 179.85 -0.43, 215.79 -0.96" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.0302273336397 214.32291462258638) rotate(0 107.73020858768518 -0.6966761934336603)"><path d="M28.45 -8.39 C18.84 -9.13, 13.57 -3.61, 1.19 2.67 M26.4 -10.63 C21.95 -7.22, 16.06 -5.76, -1.65 0.76" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.0302273336397 214.32291462258638) rotate(0 107.73020858768518 -0.6966761934336603)"><path d="M28.72 12.13 C19.14 6.17, 13.81 6.48, 1.19 2.67 M26.68 9.89 C22.28 9.09, 16.34 6.33, -1.65 0.76" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.0302273336397 214.32291462258638) rotate(0 107.73020858768518 -0.6966761934336603)"><path d="M188.88 11.05 C193.64 5.32, 202.64 5.47, 217.78 0.99 M186.83 8.81 C194.02 8.43, 199.66 5.55, 214.94 -0.92" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(171.0302273336397 214.32291462258638) rotate(0 107.73020858768518 -0.6966761934336603)"><path d="M188.71 -9.47 C193.42 -9.99, 202.47 -4.62, 217.78 0.99 M186.67 -11.71 C193.78 -7.88, 199.45 -6.55, 214.94 -0.92" stroke="#000000" stroke-width="1" fill="none"></path></g></g><g stroke-linecap="round"><g transform="translate(557.6252948022866 180.48302469071587) rotate(0 42.807784371082334 -0.837733685108816)"><path d="M0.61 -0.43 C14.62 -0.76, 69.85 -1.55, 83.81 -1.57 M-0.52 -1.71 C13.89 -1.85, 72.13 0.14, 86.14 0.03" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(557.6252948022866 180.48302469071587) rotate(0 42.807784371082334 -0.837733685108816)"><path d="M27.92 -12.34 C21.02 -8.23, 14.75 -4.13, 0.94 -1.16 M28.68 -11.46 C20.19 -7.54, 12.9 -4.41, 0.11 -0.27" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(557.6252948022866 180.48302469071587) rotate(0 42.807784371082334 -0.837733685108816)"><path d="M28.23 8.17 C21.18 6.53, 14.83 4.86, 0.94 -1.16 M28.99 9.06 C20.54 7.35, 13.16 4.83, 0.11 -0.27" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(557.6252948022866 180.48302469071587) rotate(0 42.807784371082334 -0.837733685108816)"><path d="M57.06 8.62 C65.95 6.69, 75.53 5.02, 86.47 -0.69 M57.82 9.51 C64.94 7.68, 73.14 5.17, 85.64 0.2" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(557.6252948022866 180.48302469071587) rotate(0 42.807784371082334 -0.837733685108816)"><path d="M57.39 -11.9 C66.25 -8.06, 75.73 -3.96, 86.47 -0.69 M58.15 -11.01 C65.06 -7.2, 73.17 -4.08, 85.64 0.2" stroke="#000000" stroke-width="1" fill="none"></path></g></g></svg>