Cloudflare how to setup redirect from non-www to www

1

To set up a redirect from non-www to www on Cloudflare, you can use Page Rules or Cloudflare Workers. Here’s how to do it using both methods:

Method 1: Using Cloudflare Page Rules

  1. Log in to your Cloudflare dashboard
  2. Select your domain
  3. Navigate to “Rules” > “Page Rules”
  4. Click “Create Page Rule”
  5. In the URL pattern field, enter: example.com/* (replace example.com with your domain)
  6. Add a setting: “Forwarding URL”
  7. Choose “301 - Permanent Redirect”
  8. In the destination URL field, enter: https://www.example.com/$1
  9. Click “Save and Deploy”

Method 2: Using Cloudflare Workers

If you need more control or have used up your Page Rules quota, you can use Cloudflare Workers:

  1. Go to your Cloudflare dashboard
  2. Select your domain
  3. Navigate to “Workers & Pages”
  4. Click “Create a Worker”
  5. Replace the default code with this:
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const url = new URL(request.url)
  
  // Check if the hostname doesn't start with 'www.'
  if (!url.hostname.startsWith('www.')) {
    // Create the new URL with 'www.' prefix
    url.hostname = 'www.' + url.hostname
    
    // Return a 301 redirect to the new URL
    return Response.redirect(url.toString(), 301)
  }
  
  // If URL already has 'www.', fetch the original request
  return fetch(request)
}
  1. Click “Save and Deploy”
  2. Go back to your domain’s dashboard
  3. Navigate to “Workers Routes”
  4. Create a route: example.com/* (replace with your domain)
  5. Assign it to your newly created worker

Both methods will redirect users from http://example.com/page to https://www.example.com/page while preserving the path and query parameters.

The Page Rules method is simpler but you have a limited number of Page Rules depending on your plan. The Workers method gives you more flexibility and control if needed.