+
URL Rewriting Test Page
+
+
+
Current URL
+
+ {currentUrl || 'Loading...'}
+
+
+
+
+
Test Subdomain Links
+
These links should render with subdomain URLs when rewrites are configured:
+
+ -
+
+ App1 Subdomain → /subdomain/app1
+
+ {linkHrefs.app1 && (
+
+ (renders as: {linkHrefs.app1})
+
+ )}
+
+ -
+
+ App2 Dashboard → /subdomain/app2/dashboard
+
+ {linkHrefs['app2-dashboard'] && (
+
+ (renders as: {linkHrefs['app2-dashboard']})
+
+ )}
+
+ -
+
+ Test About → /subdomain/test/about
+
+ {linkHrefs['test-about'] && (
+
+ (renders as: {linkHrefs['test-about']})
+
+ )}
+
+
+
+
+
+
Test Path Rewrites
+
These demonstrate path-based rewrites:
+
+ -
+
+ Regular docs link → /docs/intro (no rewrite)
+
+
+ -
+
+ Old docs link → /old-docs/intro (should rewrite to /docs/intro)
+
+
+
+
+
+
+
Test Middleware Response
+
Test that middleware can return responses directly:
+
+
+ {middlewareResponse && (
+
+ {JSON.stringify(middlewareResponse, null, 2)}
+
+ )}
+
+
+
+
Testing Instructions
+
+ -
+ Test subdomain routing locally:
+
+ - Visit
http://app1.localhost:6173
+ - Should show the subdomain page with "app1" as the subdomain
+
+
+ -
+ Test Link rendering:
+
+ - Check the "renders as:" text next to each link above
+ - Subdomain links should show as
*.localhost URLs if rewrites are working
+
+
+ -
+ Test navigation:
+
+ - Click on subdomain links
+ - Should navigate correctly with proper URL in address bar
+
+
+ -
+ Test middleware response:
+
+ - Click the button above
+ - Should receive JSON response directly from middleware
+
+
+
+
+
+
+
Direct Subdomain Test URLs
+
The .localhost domain automatically resolves to 127.0.0.1 on modern systems.
+
Try these URLs directly in your browser:
+
+
+
+
+
Configuration Used
+
+{`// vite.config.ts
+{
+ web: {
+ rewrites: {
+ '*.localhost': '/subdomain/*',
+ 'docs.localhost': '/docs',
+ '/old-docs/*': '/docs/*',
+ }
+ }
+}`}
+
+
+