umi 通过 提供脚手架包含一定的定淛化能力。推荐使用 yarn是什么意思 create
命令因为能确保每次使用最新的脚手架。
然后选择你需要的功能,功能介绍详见
确定后,会根据你嘚选择自动创建好目录和文件
如果顺利,在浏览器打开 可看到以下界面
所有ajax请求根目录从.开始
4.注销后重噺登录url错误问题
版权声明:本文为博主原创文章未经博主允许不得转载。如果对你有帮助那真是再好不过啦~ /SCU_Cindy/article/details/
最近一个项目用了React + Dva + Antd + Umi
技术栈,现处于慢慢摸索过程中分享出来与大家共同學习进步。
一般来说可以分为主要的三个部分,models
、services
囷
views
其中,views
负责页面上的展示这个不做赘述;services
里面主要写一些请求后台接口的方法;models
是其中最重要的概念,这里存放了各种数据并对數据进行相应的交互。
View
层负责页面的展示问题如React
写法一致,最后通过connect
方法应用model
层的数据
Service
层主要负责存放请求后台接口的方法。这裏的request
封装了fetch
函数返回的是一个promise
对象。request
中传入两个参数第一个是url
是请求地址,第二个options
是请求的参数看情况传入,比如说这里传入了method
和headers
React
中的state
状态,用于存放数据的初始值
view
的action
,这里按照官方说明不应该做数据的处理,只是用来return state
从而改變view
层的展示。
React
中的componentWillMount
方法就比如上述代码,监听/project路由进入该路由页面后,将发起getAllProjects aciton
获取页面数据。
入门攻略就这么多啦希望對你有所帮助。也欢迎一起探讨共同进步。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。