query和params在前后端中的區(qū)別是什么

這篇文章主要講解了“query和params在前后端中的區(qū)別是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“query和params在前后端中的區(qū)別是什么”吧！

　　vue路由中的parmas

　　<router-link:to="{name:'W',params:{id:'1234',age:'12'}}"/>

　　這里只能用name不能用path，不然會直接無視掉params中的內(nèi)容

　　然后在routes中添加

　　{

　　path:'/W/:id/:age',

　　name:'W',

　　component:W

　　}

　　這里的name與上面router-link中的name保持一致

　　url就取決于這個(gè)path的寫法

　　注意，path里面的/w可以任意寫，寫成/hhhhh也可以

　　但是！

　　/:id和/:age不能省略，且不能改名字

　　不寫的話，第一次點(diǎn)擊可以實(shí)現(xiàn)組件跳轉(zhuǎn)

　　且可以通過this.$route.parmas.id獲取到傳過來的id值，但如果

　　刷新頁面，傳過來的id值和age值就會丟失

　　從這也能看出params比query嚴(yán)格

　　Node中的req.query和req.params

　　在后端中，要接受前端的axios請求

　　于是我們又碰到了這哥倆

　　什么樣的axios請求對應(yīng)什么樣的接受方式？

　　還有不止是req.query,req.params,又混進(jìn)來一個(gè)req.body

　　好家伙，亂成一鍋粥

　　假設(shè)前端現(xiàn)在用axios向后端發(fā)送一個(gè)請求，發(fā)送id值請求后端的數(shù)據(jù)

　　req.params

　　那如果直接把id值寫進(jìn)發(fā)送的url里面呢

　　axios.get(`/api/1234`)

　　看這個(gè)形式有沒有覺得很眼熟

　　它跟上面params的url非常像

　　我們就反向操作一下

　　router.get('/api/:id',function(req,res){

　　console.log(req.params.id)

　　.......

　　})

感謝各位的閱讀，以上就是“query和params在前后端中的區(qū)別是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對query和params在前后端中的區(qū)別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！