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

前端开发   发布日期:2025年06月14日   浏览次数:272

由于 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: './',

 

以上就是ant-design-pro 如何打包成 本地html,双击即可查看的详细内容,更多关于ant-design-pro 如何打包成 本地html,双击即可查看的资料请关注九品源码其它相关文章!