// vite.config.ts
import { cloudflare } from "@cloudflare/vite-plugin";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";

export default defineConfig({
  base: "/subpath",
  plugins: [react(), cloudflare()],
});

// worker.ts
export default {
  fetch(request: Request) {
    console.log(request.url);
    return new Response(null, { status: 200 });
  },
};

// main.tsx
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

function App() {
  return (
    <button
      type="button"
      onClick={() => {
        fetch("/subpath/api/")
      }}
    >
      Click me
    </button>
  );
}

createRoot(document.getElementById("root")).render(
  <StrictMode>
    <App />
  </StrictMode>,
);