这篇文章主要讲解了“query和params在前后端中的区别是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“query和params在前后端中的区别是什么”吧！
vue路由中的parmas
<router-link:to="{name:'W',params:{id:'1234',age:'12'}}"/>
这里只能用name不能用path，不然会直接无视掉params中的内容
然后在routes中添加
{
path:'/W/:id/:age',
name:'W',
component:W
}
这里的name与上面router-link中的name保持一致
url就取决于这个path的写法
注意，path里面的/w可以任意写，写成/hhhhh也可以
但是！
/:id和/:age不能省略，且不能改名字
不写的话，第一次点击可以实现组件跳转
且可以通过this.$route.parmas.id获取到传过来的id值，但如果
刷新页面，传过来的id值和age值就会丢失
从这也能看出params比query严格
Node中的req.query和req.params
在后端中，要接受前端的axios请求
于是我们又碰到了这哥俩
什么样的axios请求对应什么样的接受方式？
还有不止是req.query,req.params,又混进来一个req.body
好家伙，乱成一锅粥
假设前端现在用axios向后端发送一个请求，发送id值请求后端的数据
req.params
那如果直接把id值写进发送的url里面呢
axios.get(`/api/1234`)
看这个形式有没有觉得很眼熟
它跟上面params的url非常像
我们就反向操作一下
router.get('/api/:id',function(req,res){
console.log(req.params.id)
.......
})
感谢各位的阅读，以上就是“query和params在前后端中的区别是什么”的内容了，经过本文的学习后，相信大家对query和params在前后端中的区别是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
