首页 ›  文章

React使用axios的坑:每次都要请求两次,而且前后端相同配置

2019-11-22

React使用axios的坑:每次都要请求两次,而且前后端相同配置

项目:react-antd-axios

接口会调用两次 接口会调用两次,但是页面中并没有写调用两次的方法,componentDidMount中值调用了一次,反复查看没有问题,axios中封装的api也没有出现问题。

我的项目解决: 在包裹着content的路由页面,也就是主页面中componentDidMount写了方法,但是并没有调用api

  componentDidMount() {
    this.getPath();
  }
  getPath() {
    // 获取当前路径
    const pathname = this.props.location.pathname;
    //获取当前所在的目录层级
    const rank = pathname.split("/");
    //rank = ["","policy-engine","nas-client"]
    console.log(rank);
    switch (rank.length) {
      case 2: //一级目录
        this.setState({
          selectedKeys: [pathname]
        });
        break;
      case 3: //二级目录,要展开一个subMenu
        this.setState({
          selectedKeys: [pathname],
          openKeys: [rank.slice(0, 2).join("/")]
        });
        break;
      case 4: //三级目录,要展开两个subMenu
        this.setState({
          selectedKeys: [pathname],
          openKeys: [rank.slice(0, 2).join("/"), rank.slice(0, 3).join("/")]
        });
        break;
    }
  }

主要是 componentDidMount() {

this.getPath();

}这一部分写了调用函数

解决方法

componentWillMount() {
    this.getPath();
  }

写在componentWillMount就能解决。

注意:这个只是我的项目问题,仅供参考;其他问题看查看

axios调用两次接口

原文链接:segmentfault.com

上一篇:使用vue二次封装elementui中upload组件
下一篇:懒加载与预加载--web图片优化
相关文章

首次访问,人机识别验证

扫描下方二维码回复 1024 获取验证码,验证完毕后 永久 无须验证

操作步骤:[打开微信]->[扫描上侧二维码]->[关注 FedJavaScript 的微信] 输入 1024 获取验证码

验证码有误,请重新输入