Ant Design Pro使用入门

路由使用

在vue中去掉路由中的#号很方便,但是到了react中搜了很多资料,说法不一,只能自己研究。

根据官方文档 构建与发布 章节的说法

路由包含的信息在 router.js 中,不过关于 history 的配置是在 index.js 入口文件中,传入配置信息给 dva 构造器即可。

找到src下面有个index.js

import './polyfill';
import dva from 'dva';

import createHistory from 'history/createHashHistory';
// user BrowserHistory
// import createHistory from 'history/createBrowserHistory';
import createLoading from 'dva-loading';
import 'moment/locale/zh-cn';
import './rollbar';

import './index.less';
// 1. Initialize
const app = dva({
history: createHistory(),
});

// 2. Plugins
app.use(createLoading());

// 3. Register global model
app.model(require('./models/global').default);

// 4. Router
app.router(require('./router').default);

// 5. Start
app.start('#root');

export default app._store; // eslint-disable-line

import createHistory from 'history/createHashHistory';

前面加上//

// import createHistory from 'history/createBrowserHistory';

前面的//去掉即可

发表评论

电子邮件地址不会被公开。 必填项已用*标注