umi build 路由问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了umi build 路由问题相关的知识,希望对你有一定的参考价值。

参考技术A UmiJS https://umijs.org/zh/

DvaJS https://dvajs.com

这两个是可以配套使用的,很棒,将React关于或许不能说最复杂,但能说最繁琐的react-redux+redux-saga+react-router-dom+actionCreater+actionTyep这一套东西融合了.

DvaJS做融合,UmiJS做脚手架.

真的是非常感谢他们所做的一切.

但是官方文档有点很尴尬.....

这次是关于Antd上和UmiJs上关于脚手架启动问题的.

Antd https://ant.design/docs/react/practical-projects-cn 这个也没按上说,

umi的项目创建通过 

来创建.

而UmiJS的创建通过https://umijs.org/zh/guide/getting-started.html#%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87

然后通过umi命令安装

我选择的是第一个创建方法,随便在page创建了几个page后,我并没有通过umi build来部署,而是使用yarn build.(其实yarn build在package.json中指向的就是umi build)

然后看UmiJS的部署方法

但是包括控制台都一直在报错.说找不到umijs和umicss文件.

通过网上的说法,我将umihtml文件的引用,添加从/修改为./ 很好,首页显示出来了

但是路由没有了.我根本无法访问除了首页外其他页面,但是dev环境下是ok的.

于是我这么试了试...

Have a Nice Day~

以上是关于umi build 路由问题的主要内容,如果未能解决你的问题,请参考以下文章

umi 动态路由配置

umi框架的使用

umi路由跳转和传参

Umi4 从零开始实现动态路由动态菜单

react-umi 光速上手

UMI学习-5 路由及使用Layout布局