登陆成功之后我们将用户信息需要返回给前端,这个时候在vue当中我们就可以使用vuex来保存全局变量 ![](https://img.kancloud.cn/5e/f1/5ef1b560a4bf29ba1cbfb673b8a27945_1056x997.png) 然后我们再来看如何去使用 来到login.vue登陆组件当中 当登陆成功之后 ![](https://img.kancloud.cn/fe/04/fe0479289affb3c72e0466d217192730_1878x1029.png) ### 其中@符号表示的是web根路径也就是src目录下 当我们加载 ~~~ import store from "@/store" ~~~ 的时候就会自动去找里面的index.js去加载 当然你也可以写成 ~~~ import store from "@/store/index"; ~~~ 也是可以的 ### 上面演示了如何设置store全局变量 ### 接下来我们看如何获取store全局变量来使用它 ### ![](https://img.kancloud.cn/cc/cd/cccd62e75ad3cbb1cefbf1df878b7ef6_1890x1003.png) ### 但是这样有个问题 因为我们只是设置了web模块的全局变量store当中的member一旦刷新页面前端登陆的用户名称就会丢失 所以我们还得继续完善