事情缘由:做了一个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使用,得到解决。
结论:很小的问题但是没有现成的博客需要几个博客结合来看,还要加上自己的想法,并不是所有的问题在某一个博客里就有解决方法,见得多了,做的多了,尝试的多了,挑战的多了,自然成为大家。