溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
