query和params在前后端中的区别是什么-创新互联

这篇文章主要讲解了“query和params在前后端中的区别是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“query和params在前后端中的区别是什么”吧！

vue路由中的parmas

这里只能用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在前后端中的区别是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！