SvelteKit中HTTP POST请求303重定向不生效问题咨询

核心原因是请求发起方式不符合浏览器自动跳转的触发条件：你通过客户端fetch API手动发起的是异步AJAX请求，这类请求触发的3xx重定向，浏览器不会自动执行全局页面跳转，这是Web标准规定的fetch默认行为，和SvelteKit框架本身无关。

具体行为逻辑 #

• 仅当请求由浏览器顶层导航行为触发时（比如地址栏输入URL回车、未被JS拦截的原生表单提交、点击普通跳转链接），收到带Location头的3xx响应，浏览器才会自动跳转到目标地址。
• 用fetch/XMLHttpRequest这类JS接口发起的异步请求，所有响应逻辑都在JS运行上下文内处理：收到303后fetch会自动跟随重定向规则，去请求Location指向的地址，最终把重定向后的响应结果包装成Promise返回给调用方，全程不会改动当前页面的导航状态。

你贴的复现代码实际运行流程如下：

1. 点击按钮触发fetch("/endpoint", {method: "POST"})
2. 服务端正常返回303状态和Location: /success响应头
3. fetch自动跟随重定向，静默发起对/success的GET请求，拿到目标页面的响应内容
4. 整个请求流程完全在异步JS逻辑里闭环，当前index页面不会产生任何跳转，你甚至可以在fetch调用后链式调用.then(res => res.text())，直接拿到success页面的HTML内容。

SvelteKit官方文档提到的「返回303+Location实现重定向」，适用场景是SvelteKit路由系统接管的请求：比如服务端load函数、form actions、走框架处理逻辑的原生表单提交，并不包含开发者手动裸写fetch发起请求的场景。

正确实现方案 #

• 优先遵循SvelteKit开发规范：不要手动写fetch发POST，使用SvelteKit原生的form actions能力处理表单提交，服务端返回的303重定向会被框架路由逻辑自动处理，不需要额外编写客户端跳转代码。
• 如果业务场景必须手动用fetch发请求：在前端代码里确认请求处理成功后，手动执行跳转，可以用SvelteKit提供的goto('/success')（从$app/navigation导入），也可以用原生接口window.location.href = '/success'。
• 不拦截表单默认行为：直接用原生form表单提交POST请求，不通过JS拦截submit事件，浏览器收到303响应后会自动执行跳转。

内容的提问来源于stack exchange，提问作者Script Raccoon