使用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实例。 您需要使用vue-router API在应用程序内部进行导航，而不是axois。

Answer 2

通过将组件Axios调用更改为

来解决

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

按照https://router.vuejs.org/guide/essentials/named-routes.html