Router Navigation not working

[mrshiam]

In router index.js if I use

{
      path: "/show",
      name: "show",
      component: ShowView,
    },

This works absolutely fine. Now when i got to ShowView my nav links works absolutely fine.
instead of this

{
      path: "/posts/:id",
      name: "show",
      component: ShowView,
    },

when I use this my navigation does not work. I used this to show a single post from my api in Laravel. To match with my API path I used /posts/:id as the path. But now when I click on any of my nav links from ShowView Page I see in my console "SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the "