我在使用react-router和webpack-dev-server实现嵌套的URL路由时遇到了一些问题。
webpack.config.js
output: {
path: path.resolve(__dirname, 'build'),
publicPath: "/", <-- this enabled routing to /register/step2
filename: "js/bundle.js",
},
路由.js
const routes = {
childRoutes: [
{ path: '/', component: Home },
{ path: '/login', component: Login },
{ path: '/register', component: Register },
{ path: '/register/step2', component: SecondStep },
]
};
export default (<Router routes={routes} history={createBrowserHistory()} />);
当我在应用程序中点击时,可以到达/register/step2,但是一旦我在浏览器中点击刷新,我的common.js和bundle.js都不见了:404,因为它试图从/register/目录加载所有内容。有人能帮忙吗?谢谢。