how to call api with id vue js

Level 4

Vue.axios.get('url/api/notification/${notice.id}')

This is not working also

Level 104

If you want to use string interpolation, you need to use backticks:

Vue.axios.get(`url/api/notification/${notice.id}`)

Is the URL correct?

Level 4

@tykus yes it is

Level 104

@tomasosho so what is the relationship between this browser URL http://192.168.0.130:8080/notification/6 and the API call you want to make

Level 4

@tykus my router

{
    path: "/notification/:id",
    name: "Chat",
    meta: {
      auth: true
    },
    component: Chat
  },

Current URL

http://192.168.0.130:8080/notification/6

the console error

url/api/%60/api/notification/$%7Bid%7D%60

still doesn't fetch the id

Level 104

@tomasosho this is URL encoding of

url/api/`/api/notification/${id}`

So wherever you are making the XHR request; the URL is screwed up. Are you running npm run dev whenever you are changing the JS source?

Level 4

@tykus what can i do?

Level 104

@tomasosho how is that URL being created?

Level 4

@tykus :to="`/notification/${item.id}`" then to router

{
    path: "/notification/:id",
    name: "Chat",
    meta: {
      auth: true
    },
    component: Chat
  },

Level 104

@tomasosho but the console error is still url/api/%60/api/notification/$%7Bid%7D%60???? The code you're sharing and the error message are not making sense...

Level 4

@tykus can i share my repository link with you?

Level 104

@tomasosho you can... but I can't look at it until morning.

1 like

Level 4

@tykus so i fixed the link but I'm getting /api/notification/undefined 500 (Internal Server Error)

Vue.axios.get(`/notification/`+this.id)

Level 4

This works

Vue.axios.get(`/notification/`+this.$route.params.id)

EdwardCandisMaTeresa