SPA Editor React URL Shortening Issue | Community
Skip to main content
February 10, 2021
Solved

SPA Editor React URL Shortening Issue

  • February 10, 2021
  • 2 replies
  • 2958 views

Hi All,

 

I have created project using archetype 23 for frontEndModule as react. I am using SPA Editor of AEM 6.5. I have created sling model for each SPA-Enabled component and used componentExporter. I am facing issue with SPA Editor, after URL shortening from https://projectName.com/content/projectname/en/home.html to   https://projectName.com/home

By adding dispatcher rules. I am getting blank page. 

I have tried to add vanity URL for the same pge as /home.html, I got same issue.

There is some issue with en.model.json. Previously I have added single page it was worknig but it was giving home.model.json and after adding more pages. The same page stopped working. In the network tab when I have checked, It has only wn.model.json not home.model.json.

 

Is it possible to access short url in SPA editor via dispatcher?

It it possible to have page specific model.json like home.model.json?

 

Please help me to resolve this issue.

Thanks in Advance,

Nasrin

 

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by nasrinj114

this issue still exist for me. the accepted solution is not a solution at all.

 

Anyone has any information if this (url shortening via apache rules and resource-resolver config) is supported by adobe in AEM spa ?


https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-spa-react-dispatcher-setup/m-p/570927#M142612

Refer to this community post. I got solution from here.

2 replies

Vijayalakshmi_S
February 11, 2021

Hi @nasrinj114,

React JS which is complied and available in AEM SPA project clientlibs is the starting point. In particular, call to en.model.json (Root page Model JSON) is initiated from React code - index.js.

Given this, can you confirm on the below,

  • If all related clientlibs of the project is loading fine(200) and no console errors when accessed from Dispatcher. 
  • If yes, call to en.model.json is success and response of the same contains your page content. 
  • Details of redirects(Is it via adache rewrite using mod_rewrite or /etc/mapping or URL mapping in Sling resource resolver config)

 

February 15, 2021
@vijayalakshmi_s No console error is coming. All clientlibs are coming with 200. en.model.json is coming properly. I am using mod_rewrite.
nasrinj114AuthorAccepted solution
April 14, 2023

this issue still exist for me. the accepted solution is not a solution at all.

 

Anyone has any information if this (url shortening via apache rules and resource-resolver config) is supported by adobe in AEM spa ?


https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-spa-react-dispatcher-setup/m-p/570927#M142612

Refer to this community post. I got solution from here.

April 6, 2022

Have you found a solution to this?