1. Problem description
HYdration completed but contains mismatches.
This is an error reported by Chrome Devtools, and when the user visits, an abnormal page will be displayed. The specific performance is that each page (taking the homepage as an example) will have two identical contents. When Ajax switches pages, the following page will be replaced with a new one. page, the page above is still the home page.
2. Solution
Turn off HTML compression in the Cloudflare console.
After testing, this problem can be solved perfectly.
Fix VitePress Exception Caused by HTML Compression
Comments