ant-design-pro 如何打包成 本地html，雙擊便可查看

因爲 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