Add support for reverse proxy

[allmors]

What is the feature you are proposing?

I hope to add support for reverse proxy. It supports functions similar to http-proxy-middilware in hono app.use. If someone can tell me how hono implements the reverse proxy function of cfworkers, it would also be great.

[yusukebe]

Hi @allmors

I think it is not needed. We can write a reverse proxy with this code:

import { Hono } from 'hono'

const app = new Hono()

app.all('*', async (c) => {
  const res = await fetch(c.req.raw)
  // ...
  const newResponse = new Response(res.body, res)
  // ...
  return newResponse
})

export default app

Related: #1414

[allmors]

Hi @allmors

I think it is not needed. We can write a reverse proxy with this code:

import { Hono } from 'hono'

const app = new Hono()

app.all('*', async (c) => {
  const res = await fetch(c.req.raw)
  // ...
  const newResponse = new Response(res.body, res)
  // ...
  return newResponse
})

export default app

Related: #1414

Thank you @yusukebe but I tested it and it caused 404 on some websites.

[yusukebe]

@allmors

Which platform do you run it on? Perhaps, you don't set up an "origin". If you don't have it, you can specify a url:

app.all('*', async (c) => {
  const res = await fetch('http://example.com') // <==
  console.log(res.status)
  // ...
  const newResponse = new Response(res.body, res)
  // ...
  return newResponse
})

[allmors]

@allmors

Which platform do you run it on? Perhaps, you don't set up an "origin". If you don't have it, you can specify a url:

app.all('*', async (c) => {
  const res = await fetch('http://example.com') // <==
  console.log(res.status)
  // ...
  const newResponse = new Response(res.body, res)
  // ...
  return newResponse
})

I'm using hono in cloudflare workers, the following is my test code

app.all('*', async (c) => {
    const res = await fetch('https://fabfilters.online/') // <==
    console.log(c.req.raw)
    // ...
    const newResponse = new Response(res.body, res)
    // ...
    return newResponse
})

[yusukebe]

For Cloudflare Workers, the following will not work without an origin.

const res = await fetch(c.req.raw)

However, if you just want to proxy, the following may be sufficient, what do you think?

const res = await fetch('https://fabfilters.online/', c.req.raw)

[allmors]

For Cloudflare Workers, the following will not work without an origin.

const res = await fetch(c.req.raw)

However, if you just want to proxy, the following may be sufficient, what do you think?

const res = await fetch('https://fabfilters.online/', c.req.raw)

thanks @yusukebe

[kongminh113]

For Cloudflare Workers, the following will not work without an origin.

const res = await fetch(c.req.raw)

However, if you just want to proxy, the following may be sufficient, what do you think?

const res = await fetch('https://fabfilters.online/', c.req.raw)

Hi, I have tried the above code on Nodejs but it not proxy to example.com URL. Is it only work in Cloudfare ??

[yusukebe]

Hi @kongminh113 !

Thanks! It seems to be a bug! I've created the issue: honojs/node-server#121