每日一菜之VUE路由跳转报堆栈溢出错误

背景：A页面查询列表的操作列中有详情按钮，点击详情跳转到B页面，然后再通过B页面的面包屑返回到A页面；通过this.router.go(-1)方法返回A页面的时候报错：RangeError:Maximum call stack size exceeded;

解决方法：原来是通过click事件来进行返回上一级，后根据前端api文档修改为通过router-link来跳转，有人说router.beforeEach中可能会出现死循环，然后在项目中全局搜索了一下找到了这个方法，发现这个方法会先去判断原路由的参数是否有_NOAUTHURL_=true,把这个参数加上后完美解决；

 

以下是废话，纯粹自己记录总结反思一下

解决过程： 差不多花了3天才解决，遇到问题时还是解决问题的思路不够清晰，完全是凭感觉在乱试，万一运气好让我碰对了呢；

A页面中的详情通过this.$router.push跳转到B页面，（这个地方也出现过堆栈溢出的错误，也是通过加query:{_NOAUTHURL_: true}这个解决的）；B页面通过click点击触发返回A页面，试了好几种方法都报错：

 再次通过this.$router.push返回A页面，query:{_NOAUTHURL_: true}也加了，还是报错，所以后来就把这个参数给忘了。。。。

后来百度的时候看到有人说router.beforeEach中可能会出现死循环，这个时候我还是没有引起重视，中间又反复测试，甚至还怀疑前端api，明明根据api写的，为啥不对呢。。。

 导航栏全都是百度的。。。

直到第3天下午下班前一个小时，我突然想到，在项目里搜一下router.beforeEach这个方法，然后就搜到了，看了这个方法，再在:to对象中加上query:{_NOAUTHURL_: true}，竟然就可以返回了，后来又花了点时间，看了下paths这个参数，这个参数是把路由跳转的时候传过来的数组中的path通过指定分隔符拼接了，我这里只需要把A页面的路由path传过来就行，其他页面的path都是空就ok；

每日一菜之金桔膏：抖音上学的金桔膏的做法真不错，金桔和冰糖2:1，不加水，大火熬制浓稠，金桔的颜色变深，放凉装罐，贼好喝；