【ルーティング】本番環境でドメインルートにサイトを配置できない時

サブドメインだったり、ドメインの一つ下の階層にサイトを展開する場合の対応。
通常の構築ではルーターが動作しないので「createBrowserRouter」のbasenameオプションを使う。

createBrowserRouter(routes, {
 basename: '/myapp',
});

ルーティングサンプルはこちら！簡単ですね！

//インポートし
import { createBrowserRouter} from 'react-router-dom';

//
const routesLink = createBrowserRouter([
  { path: '/', element: <TopPage /> },
  { path: '/article', element: <ArticlePage /> },
  { path: '/about', element: <AboutPage /> },
],{basename: '/myapp'});

export default routesLink;