Encountered an unexpected issue and seeking assistance for resolution. Below is a snippet of the route configuration that I am currently dealing with:
routes: [
{
path: '/signin',
name: 'signin',
component: SignIn
},
{
path: '/message/:messageType',
name: 'message',
component: Message,
props: true
}
]
The navigation through different routes functions correctly. However, a problem arises when trying to navigate from the Message component to any other route. The URL structure looks like this:
Clicking on the Sign In link results in the following path:
Instead of what it should be:
I am utilizing the regular router-link as shown below:
<router-link to="signin">Sign In</router-link>
It appears that the closest matching route is being chosen which poses a problem in my case.