Hello @ravir73578276 -
To configure the dispatcher in AEM to handle requests for different paths and route them to the appropriate renderers, you can follow these steps:
1. Open the `dispatcher.any` file located in the dispatcher configuration directory (`/etc/apache2` or `/conf`). This file contains the configuration rules for the dispatcher.
2. Add the following rules to the `dispatcher.any` file:
/myproject/home {
/type "allow"
/url "http://20.220.175.100:4502"
}
/myproject/vuejs/app.json {
/type "allow"
/url "http://20.220.175.100:3000"
}
These rules define the mapping for the specific paths to the respective renderers.
3. Save the dispatcher.any file and restart the Apache web server to apply the changes.
With this configuration, when you access `www.myappdomain.com/myproject/home`, the request will be routed to the AEM renderer at `20.220.175.100:4502`. Similarly, when accessing `www.myappdomain.com/myproject/vuejs/app.json`, the request will be routed to the Vue.js application running at `20.220.175.100:3000`.
Note: This configuration assumes that you have already set up the necessary DNS and network configurations to map `www.myappdomain.com` to the IP address of your server.