Ant Design Pro 网络请求,视图绑定model并且渲染到页面 umi-request

封装网络请求,在service中新建接口,在model调用service,在视图绑定model并且得到网络请求的回调函数,获取网络请求的数据渲染到页面。

 

网络请求数据走向;

1.在utils/request.js 封装网络请求;

/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import umi_request from 'umi-request';
import { notification } from 'antd';
 
// const http_url ='http://192.168.0.103:8886/';
/**
 * param 将要转为URL参数字符串的对象
 * key URL参数字符串的前缀
 * encode true/false 是否进行URL编码,默认为true
 * idx ,循环第几次,用&拼接
 * return URL参数字符串
 */
var urlEncode = (param,idx, key, encode)=> {
  console.log('idx',idx)
  if(param==null) return '';
  var paramStr = '';
  var t = typeof (param);
  if (t == 'string' || t == 'number' || t == 'boolean') {
    var one_is =idx<3?'?':'&';
    paramStr += one_is + key + '=' + ((encode==null||encode) ? encodeURIComponent(param) : param);
  } else {
    for (var i in param) {
      var k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);
      idx++

你可能感兴趣的:(react,Web前端,Ant,Design,Pro,教程专栏)