ant-design-pro 如何打包成 本地html,双击即可查看

寻技术 Html/CSS 2023年07月11日 82

由于 ant-design-pro 的 mock 是一个单独的服务,所以没有办法整合到一起打包。暂时我是没有找到。

所以解决方案就是不用 mock 。

由于 系统有异步调取,所以一旦有异步调取就会失败,所以也不能有异步。

方案如下

1.删除路由权限

2.删除基本框架异步代码

3.删除基本框架权限代码

4.添加hash功能

5.编译build改为相对路径

代码如下

1 config/config.ts

// component: '../layouts/SecurityLayout',
// authority: ['admin', 'user'],
// authority: ['admin'],

 

2 src\layouts\BasicLayout.tsx

 // useEffect(() => {
  //   if (dispatch) {
  //     dispatch({
  //       type: 'user/fetchCurrent',
  //     });
  //     dispatch({
  //       type: 'settings/getSetting',
  //     });
  //   }
  // }, []);

3 src\layouts\BasicLayout.tsx

{/* <Authorized authority={authorized!.authority} noMatch={noMatch}> */}
      {children}
      {/* </Authorized> */}

4 config/config.ts  export default {

history: 'hash'

5 config/config.ts  export default {

publicPath: './',

 

  源码地址: https://gitee.com/pengchenggang/local_static_antdesignpro
关闭

用微信“扫一扫”