プロジェクトを開始するためにreact-boilerplateを構成しています。
私たちの開発環境は、アプリの「開発」バージョンをサブパスに公開します。次に例を示します。example.org/test/project-name
その後、プロジェクトを公開すると、そのまま残りますexample.org/
ハッシュ履歴ではなく、ブラウザー履歴 (HTML5 API) を使用したいと思います。しかし、これはbasenameReact Router を現在の環境に合わせて設定する必要があることを意味します。
現在、次の方法で静的ベース名を設定しようとしています。
const browserHistory = useRouterHistory(useBasename(createHistory))({
basename: '/test/project-name',
});
const store = configureStore(initialState, browserHistory);
しかし、アプリケーションを実行すると、ホームページは/ではなく のままです/test/project-name/。
したがって、質問は次のとおりです。
- 私は何を間違っていますか？
- ベース名を現在の環境に一致させるにはどうすればよいですか?