how to pass multiple parameters in url when using vuejs

Question

Hey i am trying to pass two parameters in my url for a simple spa and the params values will be extracted from the url using an api and passed to the server here is the url:

http://localhost:8080/#/game/username/token

but when i am hitting the url its passing this in the network:

Request URL:http://localhost:8080/api/game/usernametoken

and hence it is not hitting the right api

router:

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

front end:

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

server-side:

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));

})

show some code please...

V. Sambor
– V. Sambor

2017-08-28 08:31:14 +00:00
Commented Aug 28, 2017 at 8:31 — V. Sambor
– V. Sambor, Commented Aug 28, 2017 at 8:31
sorry i am editing and adding code

Kushagra Agarwal
– Kushagra Agarwal

2017-08-28 08:33:30 +00:00
Commented Aug 28, 2017 at 8:33 — Kushagra Agarwal
– Kushagra Agarwal, Commented Aug 28, 2017 at 8:33

Vamsi Krishna · Accepted Answer · 2017-08-28 08:41:10Z

4

Your get request should be

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

You forgot the '/'

answered Aug 28, 2017 at 8:41

Vamsi Krishna

31.4k8 gold badges73 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

how to pass multiple parameters in url when using vuejs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related