尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

Cloudflare worker 链接正常,但刷新页面提示 404 Not Found

Cloudflare worker 链接正常,但刷新页面提示 404 Not Found 出现“点击链接正常但刷新页面提示 404 Not Found”的原因是您的 Vue 项目使用了history路由模式 。当您在前端点击页面时是通过 JavaScript 改变的 URL 而直接刷新页面时浏览器会向服务器Cloudflare请求真实的 URL如果服务器找不到对应的文件就会返回 404。使用 Cloudflare Workers您可以在wrangler.toml(或wrangler.jsonc) 配置文件中直接加上single-page-application的配置无需修改任何代码[assets] directory ./dist # 或您的打包输出目录 not_found_handling single-page-application # 关键配置让找不到的页面回退到 SPA这个配置参数很关键。single-page-application在 Cloudflare Workers 中处理not_found(404) 取决于你的部署方式是纯逻辑 Worker 还是带有静态资源的 Worker如 Workers Sites / Pages / 绑定 Assets。如果你的 Worker 托管了前端应用如 React/Vue SPA你可以通过wrangler.jsonc(或wrangler.toml) 配置资源未找到时的处理行为。在配置文件中添加not_found_handling。单页应用 (SPA) 模式将未匹配的路径重定向到index.html交给前端路由处理。SPA 在 Github 上有讨论。https://www.isharkfly.com/t/cloudflare-worker-404-not-found/2309
返回列表