由于 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,双击即可查看的资料请关注九品源码其它相关文章!