第四节课：前端

一、

知识星球 | 深度连接铁杆粉丝，运营高品质社群，知识变现的工具

2022-03-25 星球直播笔记-用户中心（终） · 语雀

二、

复制登录页

步骤

只替换组件

2处位置

让你访问，http://localhost:8000/user/register，不会跳转回登录页面

修改两处代码 ，1处注释 一处修改

修改前端代码，让你访问

快速定位到，它的根目录，去改值。

前提是：必须得知道，它的入口

前端代码修改完成，请在点注册页面的时候，把后端代码运行起来，否则前端会一直报错的。

前端一直报错的话，后端可以重新运行下。可以看到注册信息进入后端的表里了

讲解截错屏了，2处都需要改

【未解决】本人后端代码写错了，注册成功的返回值，一开始写成return 0了。所以导致明明注册成功了。

前端却不跳转到登录页面

 // 注册
      const id = await register(values);
      // 后端代码写错成 return 0 .导致一直进不来这个函数去运行
      if (id > 0) {
        const defaultLoginSuccessMessage = '注册成功！';
        message.success(defaultLoginSuccessMessage);

        /** 此方法会跳转到 redirect 参数所在的位置 */
        if (!history) return;
        const { query } = history.location;
        // 自动跳转到前端的登录页面。这个是前端。只能写user
        history.push({
          pathname: 'user/login',
          query,
        });
        return;

【未解决】 新用户注册的对齐方式

三、获取当前的用户登录态

触发了登录，未跳转到对应的登录页面。

猜测，代码少写了