How can I use routes in child pages?

[daichangxin]

Hi,
I have many child pages, the pages tree likes :

- index
	- index.html
	- screen
		- about
			- pages
				- index/index.html
		- user-center
			- pages
				- membership/index.html

list as :

localhost:8080/index.html
localhost:8080/screen/about/pages/index/index.html

I registered a route path about-detail.
when I open localhost:8080/screen/about/pages/index/index.html, and navigateTo /about-detail, I want route to
localhost:8080/screen/about/pages/about-detail/index.html. and It worked!
but if I refresh the page, it seems use routes base localhost:8080/index, not base localhost:8080/screen/about/pages/index.

I understand react-router may don't know what the base url there is , so I think is there any config options that can correct the base html file ?

I have tried the <BrowserRouter basename="">, still not work.

with dev env, I already set webpack-dev-server config with : historyApiFallback:true and webpack output public:'/'.