使用vuejs时如何在url中传递多个参数

Question

嘿，我试图在我的 url 中传递两个参数以用于一个简单的 spa，并且将使用 api 从 url 中提取参数值并将其传递到服务器，这里是 url：

http://localhost:8080/#/游戏/用户名/令牌

但是当我点击 url 时，它会在网络中传递这个：

请求网址：http://localhost:8080/api/game/usernametoken

因此它没有找到正确的 api

路由器：

    {path:'game/:name/:token', name:'game', component: game  }

前端：

this.$http.get('/api/game/'+this.$route.params.name+this.$route.params.token)

服务器端：

app.get('/api/game/:name/:token',function(req,res,err){
      var tex = {push:false};
    console.log("diplaying token from the server"+req.params.name+req.params.token)
    res.end(JSON.stringify(tex));

})

Answer 1

你的获取请求应该是

this.$http.get('/api/game/'+this.$route.params.name + '/' + this.$route.params.token)

你忘记了'/'