query和params在前后端中的区别是什么

这篇文章主要讲解了“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在前后端中的区别是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！