ant design pro 踩坑之路

新入手react 我司要用蚂蚁金服那个框架 从头开始熟悉。慢慢踩坑之路。实时更新

1.使用静态文件资源

  <img src={require('../assets/picture.png')} />

2.关闭自带eslint检查
找到package.json 文件 删除里面的 “pre-commit”: “npm run lint-staged”

3.proxy代理
proxy里面的代理的千万不要和你的地址里面的东西冲撞了

'/devApi': {
      target:'http://127.0.0.1:8090/api/xxx/xxxx',
      changeOrigin: true,
      pathRewrite: {
        '^/devApi': '',
      },
    },

4.关闭国际化
menu: {
locale: false,//关闭国际化
},

5.使用useEffect的第二个参数，防止时时请求数据

 useEffect(() => {

    var id = history.location.query.id;
    userBuinessLinkInfo(id).then( res => {

      form.setFieldsValue({ alias: res.alias });
      form.setFieldsValue({ alarmLatencyThreshold: res.alarmLatencyThreshold });
      form.setFieldsValue({ internetVpnRedundancy: res.internetVpnRedundancy });

    }).catch( err => {

    } );

  },[]);