WIP:Add reverse proxy example

[iflamed]

Simple to use!

import { Hono } from 'hono'

const app = new Hono()

app.all('*', async (c) => {
  const api = new URL('https://www.example.com')
  const url = new URL(c.req.url)
  url.protocol = api.protocol
  url.host = api.host
  url.port = api.port
  const upstream = url.toString()
  return await fetch(upstream, {
    method: c.req.raw.method,
    body: c.req.raw.body,
    credentials: c.req.raw.credentials,
    cache: c.req.raw.cache,
    headers: c.req.raw.headers,
    referrer: c.req.raw.referrer,
    referrerPolicy: c.req.raw.referrerPolicy,
    integrity: c.req.raw.integrity,
    keepalive: false,
    mode: c.req.raw.mode,
    redirect: 'manual'
  })
})

export default app

[yusukebe]

Hi @iflamed

Try this:

app.all('*', (c) => {
  const url = new URL(c.req.path, 'https://www.example.com')
  return fetch(url, c.req.raw)
})

[iflamed]

@yusukebe I have tried this, it will follow the redirect, and the url will lose the query string.

I will update my code later, it not support Cloudflare worker.

[yusukebe]

@iflamed

I haven't tried it yet, but I think here:

return await fetch(upstream, {
  method: c.req.raw.method,
  body: c.req.raw.body,
  credentials: c.req.raw.credentials,
  cache: c.req.raw.cache,
  headers: c.req.raw.headers,
  referrer: c.req.raw.referrer,
  referrerPolicy: c.req.raw.referrerPolicy,
  integrity: c.req.raw.integrity,
  keepalive: false,
  mode: c.req.raw.mode,
  redirect: 'manual'
})

can be written like this:

return await fetch(upstream, {
  ...c.req.raw,
  keepalive: false,
  redirect: 'manual'
})

[iflamed]

@yusukebe yes, some attributes not supported by Cloudflare pages.

[yusukebe]

@iflamed

Ah. We have to remove some properties from c.req.raw, right?

[iflamed]

@yusukebe yes, and I found my code not support post request, will report content-length not match.