如果你还没完成跨域,请看上篇文章:https://blog.csdn.net/csdnyp/article/details/115934261
==============================================================
在react中,向服务器端发起请求获取数据有两种方式,axios和fetch
使用axios前,封装一下下:https://blog.csdn.net/csdnyp/article/details/115938010
1、使用axios完成登录
import Axios from '../axios/axios'
Login=()=>{
let username=this.username.current.state.value;
let pwd=this.pwd.current.state.value;
Axios.post(api.user.login,qs.stringify({
user:username,
pwd:pwd
})).then((res)=>{
console.log(res)
if (res.data='登录成功'){
this.props.history.push('/home');
}
})
}
2、使用fetch获取某数据,这里例子是获取学生列表
首先先安装fetch:npm install whatwg-fetch -s
import 'whatwg-fetch'
componentWillMount(){
fetch(api.stu.studentList,{
method:'post',
body:''
}).then((res)=>{
return res.json()
}).then((res)=>{
console.log(res.data);
this.setState({
stuList:res.data
})
})
}