Использование Axios для разрешения маршрута VueJS

Question

Маршруты в main.js

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

И в основном компоненте (отдельном файле), который запускает GET-запрос:

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

)}

Chrome сообщает, что это 404. Но когда я открываю предоставленную ссылку, она разрешается и работает?

Answer 1

Вы должны попробовать

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

Хотя «this» является экземпляром Vue. Вам нужно использовать API-интерфейс vue-router для навигации внутри приложения, а не через axois.

Answer 2

Решено путем изменения компонента Axios call на

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

Согласно https://router.vuejs.org/guide/essentials/named-routes.html