How to configure Sub-folders with Cloudflare on Feather

1. Open Workers Dashboard

2. Create a service

3. Edit your worker

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const urlObject = new URL(request.url)

  if (urlObject.pathname.endsWith('/') && urlObject.pathname !== '/') {
    urlObject.pathname = urlObject.pathname.slice(0, -1)
    return Response.redirect(urlObject.toString(), 301)
  }

  const host = urlObject.host

  try {
    const blogHost = "mydomain.feather.blog" // change this to your feather blog url
    
    // I'm hosting on 'mydomain.com/blog' that's why I have ["blog", "_feather"] in below code
    // if you're hosting on 'mydomain.com/help' then below code should be ["help", "_feather"]
    const paths = ["blog", "_feather"]  

    let url = new URL(request.url)

    const prevUrl = new URL(url)    
    
    if (
      paths.some((path) => urlObject.pathname === `/${path}` || 
      urlObject.pathname.startsWith(`/${path}/`))
    ) {        
      url.hostname = blogHost
    }

    let proxyRequest = new Request(url.toString(), request)
    proxyRequest.headers.set("X-Forwarded-Host", host)

    return fetch(proxyRequest)
  } catch (e) {    
    return await fetch(request);
  }
}

4. Set trigger routes

1. /blog* (if you are hosting on mydomain/help, you will need to write /help* instead)

2. /_feather*

5. Setup Sub-folder in Feather Dashboard

Important Note: Under the Domains section make sure that you are using Subdomain settings. If you have added a custom domain there, please remove it. Sub-folders does not require the Custom Domain configurations and if you have it, then the sub-folder will not work.