Vue路由无法返回博客文章问题求助
博客文章路由无数据排查方案
- 先核对路由配置:看看详情页的动态路由规则是不是写对了,比如是不是用了
/blog/:id这种格式,参数名有没有和跳转时传的对应上。 - 确认参数传没传对:点跳转后,在控制台打印路由参数(Vue用
console.log(this.$route.params),React用console.log(useParams())),看看文章ID是不是真的传过来了,有没有传成undefined或者错误的值。 - 检查数据请求:去详情页的加载逻辑里看,是不是用拿到的参数发起了请求,请求的URL拼对了没?比如是不是写成了
/api/blog/${id},然后去浏览器网络面板看这个请求的状态码,返回的数据是不是正常的。 - 排查渲染逻辑:就算请求拿到数据了,也要看看组件里是不是正确绑定了数据,比如有没有把
article.title写成post.title,或者有没有条件渲染写错了导致内容被藏起来,比如v-if="article"写成了v-if="!article"。 - 看看路由守卫:有没有全局或者单个路由的守卫规则,不小心拦截了页面的加载,或者在守卫里没正确放行导致数据没加载。
内容的提问来源于stack exchange,提问作者Tanner Jones
相关产品推荐
相关产品推荐

