不知道为啥为非要用NetCore做为后端API开发语言,前端用使用Ant Design Pro。
先解决从mock到真实服务器的问题。
1,用户登录
在Ant Design Pro的 ".roadhogrc.mock.js" 文件中,把最后一行的export default注释掉,如下:
然后添加:
这个地址是.net core开发的接口,还没正式部署,这只是个测试地址。
然后在 .net core api项目中创建一个controller,再创建一个方法,定义它的访问方式是 "POST", 再定义下路由 "[Route("~/api/login/account")]" , 这地址个跟Ant Design Pro的一样。注意该方法的参数要用[FromBody]标明,因为前端 传过来的是json格式的数据,c#帮你解析了。 参数类型这里使用 dynamic param,为什么要这样呢,因为懒,不想定义类,也不想挨个列出来,就用动态的好了。
示例如下:
[HttpPost]
[Route("~/api/login/account")]
public IActionResult Login([FromBody] dynamic param)
{
JObject ret = new JObject();
string userName = param.userName;
string password = param.password;
string type = param.type;
if (userName == "admin" && password == "888888")
{
ret.Add(new JProperty("status", "ok"));
ret.Add(new JProperty("type", type));
ret.Add(new JProperty("currentAuthority", "admin"));
}
if (userName == "user" && password == "123456")
{
ret.Add(new JProperty("status", "ok"));
ret.Add(new JProperty("type", type));
ret.Add(new JProperty("currentAuthority", "user"));
}
return Json(ret);
}
然后把 ".roadhogrc.mock.js" 中 有关
的这一段注释掉.
.net core api 项目中登录方法的内容可以参考这一段来写。保持返回内容与mock一致。
修改完这些,重启 Ant Design Pro 和 .NetCore API,到登录页面尝试登录,这时应该跟使用mock时的行为一致了。
-完-