react-ant axios封装请求及使用

安装:

cnpm install axios --save

在utils/Request.js

import axios from 'axios'
export default function Request(url,params){
    return axios({
        baseURL:'https://接口地址.com/',
        url:url,
        method:"get",
        ...params,
    })
}

Register.js(注册页面发送请求)

// 点击提交
  handleSubmit=e=> {
    e.preventDefault();
    this.props.form.validateFields((err,values)=>{//提示错误,记录正确的值
      if(!err){//正确情况下发起请求
       const {email,pwd} = values;
      //  发起网络请求,把数据存入服务器
      Request('/user.json',{method:"post",data:{email,pwd}}).then(res =>{
        // console.log(res) 成功后跳转至login.js
        if(res.status === 200 && res.data){
         this.props.history.push('/login')
        }
      })
      }
    })
  }

<Button className="btn" type="primary"  onClick={this.handleSubmit} >注册</Button>