089-尚硅谷-尚品汇-退出登录

好，那咱接着进行。咱接下来呢，要做的一件事啥呢？是退出登退出登录啊要注意很简单，第一个你得向服务器。方向请求告诉人家你咋了？要退出登录服务器，是不是得也得清除一些东西？对，比如说给你发是不得清了。对不对，下次登录是不是再给你派发一个新的图。对吧，那所以说咱们先找到这个按钮。这个按钮在哪？是组。对不，那咱找一下。它应该是comp子下的header这。咱找一下子退出等数这。那你说一点击它，那就来个谁艾特。那咱就让logo。是退出登录。咱们没这个方法怎么办？写一个呗。找一下谁。

Method，这给他折上，那这是啥退出？退出登录。好，那咱就叫告，咱们先别着急，你先给他谈个啥。123。先看一下啊，走对不。那你一退出登录，你要想明白一件事，你都要干哪些事儿。就是你退出的路啊。需要。做的事情。第一个你需要通知。比如说你第一件事儿，你是要发请求的。需要发请求。通知谁？请求通知。服务器你要咋的退出登录，而服务器它是不是也要做一些事，要清楚一些啥数据。比如说你的啥。对不，那除此之外。你要后端，请你前台要不要。

你前端当中，比如本地存储存这些东西。你要不要请请，因为你下次都说咱给你开发一个新的。这种小同不？所以说第二件事儿，你还有啥清楚？第二点是清楚。第二。清除你项目当中，清除项目当中的这些数据。对吧，比如用户信息user info，你是不是得听。比如说偷是不是在抢？关于用户的所有这些数据全都要清空。对不对吧，那咱先做第一件事干啥，是不是通知服务器。那你发请求看这。你是不是得有借口？再找一下。是这的。退出登录吧。请求的地址盖。老师，你有反馈数据没有，他只是告诉你一件事咋的了？退出成功，那所以说咱们第一件事干什么。

是不是先写API啊。对吧，那所以说来。这给他关了，找谁？找API负转正。对不，那这块咱也标一下这是啥，是不是应该是退出啊退出等。退出登录。Xport cost，那咱叫啥叫re EQ？Log out腰带。不要交了请求的URL，咱给他捞回来。什么请求？这块就好讲。知道的这块应该是URL是它，当然API是五。以及还有谁呢？还有咱们这个请求方式什么请求。那写完他老师你写谁？就写三连环呢。对不，那要找到咱仓库。

找谁？User。把没用的先给它打开。折了。这来个这是啥退出登录。那这个咱们叫什么，就叫做user。Log up。那你是不是得发请求啊？请求文刚刚写好，叫啥呢？叫REQ。叫REQ什么user吧？User啥？看一下。叫re EQ logo是不是它？甚至他。那当你一点击退出登录，你是不是得开发action。是不是调用这个函数，再触发这个函数。对不，这也一样，呃。REQ。Logo。以及这块水。

AC老师说，你要不要返回成功与失败？要不成功与失败的这个这个这个这个这个这个结果。其实没必要，因为你一清都没了，他是不是自己就退出了？对吧，所以这块呢，老师给他来一个，那这块再给他来一个，等于谁等于说一个谁。瑞早。但是你要注意啊，你这个退出登录，你只是打，只是向服务器打造发起一次上请求通知上。通知。服务器清楚他服务器的，那我说你还有件事没做。就是说如果你服务器已经清完了，你本地的是不是也该清。就这玩意是不是都得ton，是不是得请。用一会时候再行。对不对，对吧，所以说这会来判断，就是如果涨的。

蕊。造的点扣的等于等于多少？200老师问你，你要干啥？清除SP当中的这些数。那么说你能在action里面请吗？不能，因为说过能作不能。所以在提交。那这块呢，咱就起个名叫。Commit，那咱这块签名叫啥叫。叫clear。想想。或者叫user。User us user info，或者叫。C，这没问题的。那老师你有这样的题一定要记住啊。Action里面，Action里面不能操作谁。不能操作stay，这一定要注意你得提交什么。Mutation mui。我写的MU mutation去修改state是咱们提交mutation。

有吗？没有没有怎么办？下一个。那这块呢，老师标一下这样是不是清楚。清楚自己本地的燃烧数据。叫比尔你都要听。先说第一个。就把当中除了扣以外，是不是全要清。对不，这此data的token是啥，是空？以及使贝塔的。User in给他吃空。Perfect。本地存储你是不是也在清空？谁是local storage？这块清空呢，其实清很简单，一行代码叫。

但是。咋地？不在这里写。咱这儿也是一样，叫啥叫moon好看。有这个方法吗？没有，没有怎么办？斜找他。那这块上是不是清楚。本地存储的啥是token？一样，Export cost，咱叫remove偷看。老师说你用串串。不买，而且老是问你清除清除当中的这个数据过。就是local storage remove it通过K是不是清除为。那我说你你在这儿是不是也得调一下这个孩子。对不，那这玩意怎么办？蕊木头。所以说这块老师写啊，就是说白了把view把。

仓库中。相关用户信息是不是清空？除此之外，还有谁？本地存储数据清空。对不？那咱们回首看一下。刷新现在有没有登录。对吧，看这走。啊，不行啊。没写呢，没派发action对不？咱看看这个action叫啥玩意。叫。呃，所以说回到哪，回到咱的这个。下的这个。找一下。是这。你是不是得这是点。Dollar store的。派是不是就是它不用带他。

但是你要想明白一件事，就是这个action要不要返回成功与失败。用不用？再试一下。看着一点。并没有退是吧。看一下。哪个没写对？我看一下啊。找道。User。Commitit。State to，这user谁？早知看见高生。看这不是来看这咱先登录。幺三七三四五六七八九十十一走123456。配出等。

但是你要想明白一件事。啥题看幺三七三四五六七八九十十一走123456走。就举个例子，老师要退出，你说应该是停留在当前还是停留在后面？大家举个例子，假如说你进入到了购物车。比如说我要退出登录。你回首页，还是停留在当前？是不是应该是。首页。我以我以游客身份访问行不行？对不对。但是老师说你至少你得明白一件事，什么事，他是不是还有后续错。哎，对不对。对，就是你退出之后有没有后续操作。

有，就举个例子，你登录了是不是才能进购物车？你不登录能进来吗？进不来，那你一退出还能在你购物车里面。怎么？所以当你一点击退出登录那一刻，如果成功，你应该跳到哪首页？OK吗？回到手机的好处是啥？是你爱登陆登陆，你不爱登陆就不等你，游客是不是也该逛该逛？这能懂不？所以说看这那也就是说你派发这个action要不要返回成功与失败的结果，要所以说咱找一下。找谁，是不是找这。那这块也是一样啊，那如果说成功你咋的谁。OK。失败了。Else。叫他一个谁？Promise reject new，一个E来个谁？快。对不，那这块了，你就可以咋的了。

TRY。Touch。如果成功，AA为这来啥？Think如果退出通钩就是如果退出。成功要改。回到哪？回到首页。回到首页，哎，手。手。耶，对不？回到首页咋写this.dollar on root.push谁告？这回咱们回首再看一下。正走。没登录的吧。走登录幺三七三四五六七八九十十一走123456走。登录了没问题吧。

没问题吧？退出等。对不，接下来你该怎么玩怎么玩，这样懂不？你该以游客身份，该怎么玩怎么玩，这种不懂。老板啊。能不能理解？给个回音。这块有没有后续操作，有如果退出成功，你是不是得到。对吧，但现老师问你。就是刚开始老师还记得跟你们说了，有两个问题。第一个问题是用户信息问题，第二还有一个问题。老帅鸟，我现在登录了。我没懂。我没登录，你认为你能去你的订单去你那个购物车吗。就是你没登录，应该跳到车。不应该。假如说你的，假如说还有一种现象就是你登录了。说一下这多少，二四六八九十十一，假如说你已经登录了，你还能回到log吗。

也不能，那也就是说。路由的跳转是想你怎么跳就怎么跳。你有一定的条件。这能不能小偷？就举个例子，你已经登录了，你还有必要回到登录，就是用户还能回到登录页吗？不能吧，那假如说已经登录了。我是不是能去购物车？没问题吧，那我问你，我现在就算没登录能不能去。是不是也能去，现在是不是也能去？这能懂不啊，所以说咱们一会儿要解决残留的这两个问题，哪两个问题。还记得咱两个问题。第一个用户的个人信息问题，第二个是这也有个问题。

对不啊。