第十六课：跨域代理

[aspirantzhang]

本节学习手册：https://www.yuque.com/aspirantzhang/antdprov5/vrukd7

本节代码
8df79bb?branch=8df79bb70e887aa7c5ae4ba8bc083ce90531fefd&diff=split
8e3789c?branch=8e3789c8ba4338098abb18982b116ef73352f646&diff=split
注：由于后期补录增加三项修复，所以本节代码有两次提交。

请发与本节课有关的讨论。

[lgz5689]

老师你好 我根据视频P20 第十六课 修改代码后 登录后无法跳转页面

根据我一步步实测 我发现了是老师的公共接口返回的数据与官方实例不一样

• url https://public-api-v2.aspirantzhang.com/api/admins/info

// antdpro官方API返回结构
{
	succcess:true,
	data:{xxx}
}

// 公共接口API返回结构
{
	...data // 直接返回展开了的用户数据
}

个人解决方法:

• ts定义需要修改

// 修改 app.tsx getInitialState() 方法中的 fetchUserInfo() 方法返回值

// old
const fetchUserInfo = async () => {
    try {
      const msg = await queryCurrentUser();
      return msg.data;
    } catch (error) {
      history.push(loginPath);
    }
    return undefined;
};
  
// new
const fetchUserInfo = async () => {
    try {
      const data = await queryCurrentUser();
      return data;
    } catch (error) {
      history.push(loginPath);
    }
    return undefined;
};

• 第一次在github回复，请多多指教
• 如果老师有更好解决方法，请回复
• 最后再次感谢老师分享

[aspirantzhang]

确实存在这个问题，官方在这个commit把结构给改了。
最适当的方法是看一下这个commit原来写法，原样改回去。当然你这种写法也一样的，我觉得都行。
接口我就不改了，以免以前的同学使用失败，我会在学习手册上标注一下，感谢你的反馈。

[xionghongju]

{"success":true,"message":"","data":{"id":206,"username":"admin0"},"currentAuthority":"admin","type":"account"}
{"data":{"isLogin":false},"errorCode":"401","errorMessage":"请先登录！","success":true}
为啥登录成功之后，获取到的当前用户返回的数据islogin是false,也进不去页面，有谁能帮我解答一下，谢谢

[longlongagos]

我也是卡在这一步了 嗨呀好气呀 ,先往后硬看一会看能不能解决

[aspirantzhang]

@longlongagos 把除node-modules以外所有文件都打包传 https://www.cowtransfer.com/ 我研究一下

[longlongagos]

传输链接：https://cowtransfer.com/s/cb2035ef3be64a 或 打开【奶牛快传】cowtransfer.com 使用传输口令：8zjrle 提取；
麻烦老师了

[aspirantzhang]

经过我的各种尝试，课程中27:46这块登陆成功我认为可能是“意外”，比如我之前登陆成功过，有点缓存这样的原因。我用课程原代码尝试也无法做到复现。但是综合来看，这块登陆不是很重要。课程从30分左右开始，演示了获取用户数据无效的问题，然后介绍了跨域。43分提出了解决跨域的方案，就是代理，把代理配置好以后，不会出现这个问题了。所以这块不影响后续学习。

但是我看了你的代码发现点更重要的问题，就是全局错误处理没有加。这块是课程看漏了吧，这倒是很重要的地方。因为后来antdpro把这块给删掉了，但是课程中有的。在第9节课中，[1:00:37]处，最好补一下。

[longlongagos]

感谢老师的耐心回复,本节课程的问题已经解决了,关于全局处理,我的antdesign版本里面没有errorHandler,当时自己写了,但是ResponseError不让访问,所以就放弃了这部分的内容0.0