1.dva项目创建
1.安装dva-cli:cnpm install dva-cli -g
查看版本 dva -v
2.创建项目:dva new dvaapp
3.进入项目目录并启动
cd dvaapp
npm start
2.dva目录
components:可复用的UI组件
models:数据仓库,底层是redux,redux-saga
routes/pages:页面组件
services:所有要访问的后台请求
utils:request封装了fetch, fetch/axios的使用
3.合并多个model,在src下index.js中只导入一次,以便于routes下组件使用:
1.在models文件夹里新建index.js,内容如下:
const context = require.context('./', false, /\.js$/);
export default context
.keys()
.filter(item => item !== './index.js')
.map(key => context(key));
2.在src的index.js导入的时候,使用以下代码
require('./models').default.forEach(key => {
app.model(key.default);
});
4.routes路由去掉#步骤:
1.先安装history依赖:cnpm install --save history
2.修改入口文件src/index.js
import {createBrowserHistory as createHistory} from 'history';
const app = dva({
history: createHistory(),
});