@bipinchandra92 - Can you verify that, When you are hitting short URL then are you getting :children property in en.model.json ?
This happens when you page data is loaded from home.model.json instead of en.model.json.
So, In first case your data gets fetched from root e.model.json and whereas in second case it gets fetched from home.model.json(respecctive page).
As per my understanding you :path property in preview mode of en.model.json should match with the request URI. So when you hit short path i.e without /content/project-name it looks for :path property in en.model.json where it doesn't match and moves to individual page's model.json i.e home.model.json
@bipinchandra92 I am also facing same issue. We are using SPA Editor project archetype 23. I have added rewrite rules on dispatcher for URL shortening. I am getting blank page. Whenever en.model.json is coming XHR, the page is coming blank. I tried to debug the issue and added vanity URL on publisher as /home.html, but same issue was there on publisher too. The issue is not with the dispatcher but in SPA whenever we are shortening the URL, the AEM-React integrated page is not getting rendered properly.
I tried to create non-SPA page with no-spa components in the same project, I am getting page properly with same dispatcher settings.
Please let me know, in case you got any solution 🙂