我正在尝试将 create-react-app 部署到 GitHub Pages 上的相对路径,并绑定自定义域名。例如 www.example.com/myproject
我使用了 react-router-dom
,react-router-redux
和 react-router-bootstrap
我已经在 packages.json
中设置了主页为 http://www.example.com/myproject
(也尝试过 homepage = "."
),并且还为我的历史记录配置了 basename:
...
export const history = createHistory({ basename: '/myproject' });
const middleware = [thunk, routerMiddleware(history)];
...
const composedEnhancers = compose(applyMiddleware(...middleware), ...enhancers);
const store = createStore(rootReducer, initialState, composedEnhancers);
已部署的应用程序在 www.mydomain.com/myproject
上运行,我可以通过应用程序链接进行导航。但是,如果我直接输入路径(例如
www.example.com/myproject/account
)或在子页面上进行浏览器刷新,就会遇到404错误。长期目标是根据此答案所述,在开发和生产环境中配置不同的相对路径,但首先我需要在部署中使其正常工作。