How to deploy ant-design-pro under subfolder?

[happier2]

Hi, everyone. I want to deploy ant-design-pro under subfolder with using browserHistory instead of hashHistory. This subfolder is '/myapp'. In this way, this entry point would like this:

// entry point
http://localhost:8000/myapp/

//dashboard - analysis
http://localhost:8000/myapp/dashboard/analysis

I look around roadhog tutorial docs and I found out that I should config .roadhogrc by adding:

"publicPath": "/myapp/"

It works out when I visit http://localhost:8000/myapp/. When I jump to other route by clicking navbar, the url changes to http://localhost:8000/list/table-list, which I expected is http://localhost:8000/myapp/list/table-list. How should I figure it out?

[afc163]

Try this remix-run/react-router#353 (comment)

[happier2]

@afc163 Thanks, I reviewed rearc-router v4 docs. I found out that BrowserRouter with basename props could solve my problem.
I should change code in src/router.js from:

ant-design-pro/src/router.js

Lines 54 to 61 in 7532598

	<LocaleProvider locale={zhCN}>
	<Router history={history}>
	<Switch>
	<Route path="/user" render={props => <UserLayout {...props} {...passProps} />} />
	<Route path="/" render={props => <BasicLayout {...props} {...passProps} />} />
	</Switch>
	</Router>
	</LocaleProvider>

to:

    <LocaleProvider locale={zhCN}>
      <BrowserRouter basename="myapp">
        <Switch>
          <Route path="/user" render={props => <UserLayout {...props} {...passProps} />} />
          <Route path="/" render={props => <BasicLayout {...props} {...passProps} />} />
        </Switch>
      </BrowserRouter>
    </LocaleProvider>

Solve it!

[yoyo837]

当下的pro master模板如何使用publicPath呢?