ant desgin文件上传功能引起的获取本机地址风波

事情缘由:做了一个ant design的文件上传功能,直接用的经典款式,由于action本身用的ant自己提供的接口,怕不安全,和后端      协商,由后端提供提供API,前端调用。然而,http://【hostname】/...中的hostname需要根据上传的服务器不同而不同,也就是我要动态获取本机的hostname。

解决过程:首先搜索ant desgin获取本机地址,度娘给的答案乱七八糟;然后搜索react 获取url,这篇文章(https://www.cnblogs.com/wx1993/p/7651349.html)告诉我this.pros可以,然而并不可以,无论在constrctor中还是componentDidMount中;最后搜索了js如何获取本机地址,发现location.hostname可以,但是在ant中location并没定义,最后用windows.location.hostname在componentDidMount中获取,赋值给全局变量供action使用,得到解决。

结论:很小的问题但是没有现成的博客需要几个博客结合来看,还要加上自己的想法,并不是所有的问题在某一个博客里就有解决方法,见得多了,做的多了,尝试的多了,挑战的多了,自然成为大家。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值