如何在 cloudflare worker 站点上部署 React 应用程序

Question

我正在尝试在 Cloudflare 工作人员上部署一个反应应用程序并遵循此文档https://developers.cloudflare.com/workers/tutorials/deploy-a-react-app-with-create-react-app/这是我的工作人员-site/index.js 文件

 import { getAssetFromKV, serveSinglePageApp } from '@cloudflare/kv-asset-handler'; addEventListener("fetch", event => { event.respondWith(handleEvent(event)); }); async function handleEvent(event) { try { return await getAssetFromKV(event, { mapRequestToAsset: serveSinglePageApp }); } catch (error) { let pathname = new URL(event.request.url).pathname; return new Response(`"${pathname}" not found`, { status: 404, statusText: "not found" }); } }

然后这是我的反应 app.js 文件

 import "./App.css"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import AuthProvider from "./contexts/AuthContext"; import AccountSetupSuccessfull from "./components/AccountSetupSuccessfull"; import VerifyPhone from "./components/VerifyPhone"; import EnterGSTIN from "./components/EnterGSTIN"; import CompanyLocation from "./components/CompanyLocation"; function App() { return ( <AuthProvider> <BrowserRouter> <Routes> <Route path="/" element={<AccountSetupSuccessfull />} /> <Route path="/verify-phone" element={<VerifyPhone />} /> <Route path="/enter-gstin" element={<EnterGSTIN />} /> <Route path="/company-location" element={<CompanyLocation />} /> <Route path="/account-setup-successful" element={<AccountSetupSuccessfull />} /> </Routes> </BrowserRouter> </AuthProvider> ); } export default App;

and in my .toml file
name = "vendorapp"
type = "webpack"
account_id = "ggdggd"
route = "https://healthify.org/vendor/*"
zone_id = "gfggf"

[site]
bucket = "./build"
entry-point = "workers-site"

当我运行https://healthify.org/vendor/verify-phone而不是 org 时，有 com 会在获取https://healthify.org/vendor/static/main.css和 . js 文件给出 404 或 500 任何人都可以提出解决方案吗？ 我已经更改了根文件夹 package.json 文件并添加了主页

Answer 1

我所做的是更改 wrangler.toml 文件和添加的路由是 domainname/* 而不是 domainname/xyz/* 并且我还更新了 worker-site/index.js 文件