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

库沙格拉·阿加瓦尔

嘿,我正在尝试为简单的spa在URL中传递两个参数,并且将使用api从URL中提取params值并将其传递给服务器,这里是URL:

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

但是当我点击网址时,它会在网络中传递:

请求网址: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));

})
瓦姆西·克里希纳(Vamsi Krishna)

您的获取请求应为

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

你忘了 '/'

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在URL中传递多个参数?

如何在URL中传递多个参数?

如何在@ Url.action中传递多个参数

如何在节点 js URL 中传递多个搜索参数

如何在Django中传递多个URL参数

如何在Django中传递多个可选的URL参数?

如何在Url.Action()中传递多个参数

如何在Laravel 5.1中使用url(路由)传递多个参数

当我使用Python map(Fn,Iterable)时如何在Fn中传递多个参数?

使用flask在URL中传递多个参数

如何在Nuxt中传递多个参数?

如何在 url 中传递 POST 参数

如何在javascript的url中传递参数?

如何在MVC中的JavaScript中的url.action中传递多个参数?

当key在req参数中传递时如何在mongodb中搜索多个查询?

如何在通过Props传递的函数中传递多个参数

下一个js-如何在api的URL中传递多个参数?

反向映射时如何在模板标签中传递多个变量/参数

运行gradle任务时如何在命令行中传递多个参数?

作为参数传递时,如何在多个自定义函数中处理Pandas DataFrame?

在 url 路径中传递多个路由参数时出错

如何在Django中将多个参数传递给URL

如何使用cakephp在URL中传递参数

如何在Laravel 5.2中使用OR条件将多个参数传递给中间件

如何在`get`请求中通过curl传递多个参数?

如何在Java脚本的超链接中传递多个参数?

如何在Objective-C中传递多个参数?

如何在flutter fluro中传递多个参数

如何在控制器中传递多个参数?