Correct fix for swagger docs json.

Author: MikeNeilson

cda-gui/src/main.jsx

@@ -1,7 +1,7 @@
 // Routing
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { Link, createBrowserRouter, RouterProvider } from "react-router-dom";
+import { Link, createBrowserRouter, RouterProvider, href } from "react-router-dom";
 
 import { LinkProvider } from "@usace/groundwork";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -21,6 +21,7 @@ import ErrorFallback from "./pages/ErrorFallback";
 import FilterExpressions from "./pages/rsql";
 import Timestamps from "./pages/timestamps";
 import LegacyFormat from "./pages/legacy-format/index.jsx";
+import { getBasePath } from "./utils/base.js";
 
 const queryClient = new QueryClient();
 
@@ -36,6 +37,16 @@ const router = createBrowserRouter(
           path: "swagger-ui",
           element: <SwaggerUI />,
         },
+        {
+          path: "swagger-docs",
+          // yes, this is a bit odd, but the swagger-docs are "rendered" by the api backend, not client side.
+          loader: () => {
+            const h = href(getBasePath() + "/swagger-docs");
+            globalThis.location.replace(h);
+            return null;
+          },
+          component: <div />,
+        },
         { path: "data-query", element: <DataQuery /> },
         { path: "regexp", element: <Regexp /> },
         { path: "filter-expressions", element: <FilterExpressions /> },