Using Axios to resolve VueJS Route

Question

Routes in main.js

{
    name: 'match',
    path: '/match/:id',
    component: Match,
    props: true
},

And in the main component (separate file) that fires the GET request:

axios({
      method: "GET",
      url: "/match/" + id,
      crossdomain: true,

)}

Chrome tells me it's a 404. But when I open the provided link, it resolves and works?

elad frizi · Accepted Answer · 2018-11-15 09:14:12Z

1

You should try

this.$router.push("/match/" + id)

While 'this' is a Vue instance. You need to use vue-router API to navigate inside your application, not axois.

answered Nov 15, 2018 at 9:14

elad frizi

7254 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SelfishCosmonaut · Accepted Answer · 2018-11-15 09:12:39Z

0

Solved by changing component Axios call to

url: this.$router.push({ name: 'match', params: { id: id }})

answered Nov 15, 2018 at 9:12

SelfishCosmonaut

998 bronze badges