Caching issue with Custom Domain for preview branches
We followed this guide: https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/
Setup
Preview Branches:
Production branch:
- we have set this under our Workers & Pages / <pages name> / Settings
- we are not using
For our 3 environment names we have custom domain assigned
- each custom domain is a hostname we use Cloud Flare to manage our DNS for. Following the instructions, we created the custom domain from our workers and pages app. Then for the preview branches, we went to our DNS records and updated the target to be
- As per the CF documentation we have left them proxied:
Our custom domains look like:
- app.<domain> -> prod (CF branch name)
- app-dev.<domain> -> dev
- app-staging.<domain> -> staging
Problem
On our preview sites (
- Sometimes the file request returns with 404 status when a file only exists on the preview branch but has not made it to
- Sometimes the file request returns the
We've tried:
- purging cache (everything)
- cache rules to bypass everything
Setup
Preview Branches:
devstagingProduction branch:
prod- we have set this under our Workers & Pages / <pages name> / Settings
- we are not using
git integrationwrangler pages deploy--branch--commit-hashFor our 3 environment names we have custom domain assigned
- each custom domain is a hostname we use Cloud Flare to manage our DNS for. Following the instructions, we created the custom domain from our workers and pages app. Then for the preview branches, we went to our DNS records and updated the target to be
dev.<page-name>.pages.devstaging.<page-name>.pages.dev- As per the CF documentation we have left them proxied:
Currently, this setup is only supported when using Cloudflare DNS.
If you attempt to follow this guide using an external DNS provider, your custom alias will be sent to the production branch of your Pages project.
Our custom domains look like:
- app.<domain> -> prod (CF branch name)
- app-dev.<domain> -> dev
- app-staging.<domain> -> staging
Problem
On our preview sites (
app-dev.<domain>app-staging.<domain>- Sometimes the file request returns with 404 status when a file only exists on the preview branch but has not made it to
prod- Sometimes the file request returns the
proddevstagingservice-worker.jsprodWe've tried:
- purging cache (everything)
- cache rules to bypass everything
Cloudflare Docs
In this guide, you will learn how to add a custom domain (staging.example.com) that will point to a specific branch (staging) on your Pages project.
Welcome to the official Cloudflare Developers server. Here you can ask for help and stay updated with the latest news
85,042Members
Resources
Was this page helpful?
