Laravel中Axios POST请求后redirect未跳转至路由问题求助

我太懂你这种明明日志输出正常但页面死活不跳转的憋屈了！核心问题其实出在Axios是异步AJAX请求——它和普通的表单提交逻辑完全不一样，浏览器不会自动处理后端返回的重定向响应，只会把响应数据丢给前端JS，不会主动触发页面跳转。

下面给你两种直接可行的解决方案：

方案一：后端返回跳转地址，前端手动执行跳转 #

这是最常用的适配AJAX场景的方式，让后端告诉前端要跳转到哪里，由前端JS控制页面跳转：

1. 修改后端代码，返回JSON格式的跳转指令：

if(Auth::id() == 4) {
    Log::info('redirect occurs: ');
    // 用route函数生成路由地址更可靠，避免硬编码出错
    return response()->json([
        'status' => 'redirect',
        'redirect_url' => route('register')
    ]);
}

2. 在前端Axios请求的回调里处理跳转逻辑：

axios.post('/你的接口地址', 提交的数据)
    .then(response => {
        // 检测到后端返回跳转指令时，执行页面跳转
        if(response.data.redirect_url) {
            window.location.href = response.data.redirect_url;
        }
    })
    .catch(error => {
        // 别忘了处理请求错误的情况
        console.error('请求出错：', error);
    });

方案二：改用普通表单提交（放弃Axios） #

如果你的场景不需要AJAX的异步特性，也可以直接用HTML表单提交，这样后端的redirect()->to()就能像你预期的那样直接触发浏览器跳转了：

1. 创建一个隐藏表单（如果不需要用户可见的话）：

<form id="redirectForm" action="/你的接口地址" method="POST">
    @csrf
    <!-- 需要传递数据的话，添加隐藏输入框 -->
    <input type="hidden" name="key" value="你的数据">
</form>

2. 用JS触发表单提交（替代原来的Axios请求）：

// 当你原来要触发Axios请求的事件触发时，执行表单提交
document.getElementById('redirectForm').submit();

为什么原来的写法无效？ #

再给你捋透逻辑：当用Axios发请求时，浏览器是在后台悄悄完成这个请求的，拿到后端的重定向响应后，只会把响应内容（比如重定向目标URL）返回给JS，不会像普通页面请求那样自动跳转到新地址。所以后端直接返回redirect()或者view()，前端都不会有任何页面变化——这些响应内容只是被Axios接收了，根本没被浏览器用来渲染页面。

希望这两个方案能帮你搞定问题！

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