欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ant design pro 踩坑之路

程序员文章站 2022-03-28 16:13:23
新入手react 我司要用蚂蚁金服那个框架 从头开始熟悉。慢慢踩坑之路。实时更新1.使用静态文件资源 2.关闭自带eslint检查找到package.json 文件 删除里面的 “pre-commit”: “npm run lint-staged”3.proxy代理proxy里面的代理的千万不要和你的地址里面的东西冲撞了'/devApi': { target:'http:...

新入手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 => {

    } );

  },[]);

本文地址:https://blog.csdn.net/weixin_44046355/article/details/107557952