向Laravel命名路由users.update传参发送请求遇异常问题

核心问题拆解 #

你遇到的303重定向未按预期跳转、控制器代码无响应的情况，主要集中在表单验证失败、AJAX请求的重定向处理逻辑这两个关键点，以下是具体排查和解决方法：

1. 表单请求验证失败（最可能的原因） #

Laravel的UserUpdateRequest如果验证不通过，会自动重定向回请求发起页面，且不会执行控制器update方法内的任何代码，这就是你用dd($request)看不到输出的原因。

• 排查方式：
  在前端请求中添加错误捕获，查看验证失败的具体信息：

  const saveUser = async () => {
      try {
          await router.put(route("users.update", user.value.id), user.value);
          // 成功逻辑
          submitted.value = true;
          createUserDialog.value = false;
          user.value = {};
          toast.add({
              severity: "success",
              summary: "Successful",
              detail: "User Updated",
              life: 3000,
          });
      } catch (error) {
          // 打印验证错误信息
          console.error("验证失败：", error.response.data.errors);
      }
  };
  

• 解决方法：
  检查UserUpdateRequest中的验证规则，确保前端传递的user.value所有字段符合规则；若需要AJAX请求返回JSON格式错误，可在UserUpdateRequest中重写failedValidation方法：

  protected function failedValidation(\Illuminate\Contracts\Validation\Validator $validator)
  {
      if ($this->wantsJson()) {
          $response = response()->json([
              'errors' => $validator->errors(),
          ], 422);
          throw new \Illuminate\Validation\ValidationException($validator, $response);
      }
      parent::failedValidation($validator);
  }
  

2. AJAX请求不会自动跟随重定向 #

后端返回的303 See Other是针对传统表单提交的跳转逻辑，但你用的是前端AJAX请求，浏览器不会自动跳转到admin.dashboard，只会返回重定向地址，需要前端手动处理跳转。

• 解决方法：
  在请求成功后，通过前端代码手动跳转目标路由：

  const saveUser = async () => {
      try {
          await router.put(route("users.update", user.value.id), user.value);
          // 手动跳转到admin.dashboard
          router.push({ name: 'admin.dashboard' }); // Vue Router方式
          // 或者用原生跳转：window.location.href = route('admin.dashboard');
          
          submitted.value = true;
          createUserDialog.value = false;
          user.value = {};
          toast.add({
              severity: "success",
              summary: "Successful",
              detail: "User Updated",
              life: 3000,
          });
      } catch (error) {
          console.error("更新失败：", error.response.data);
      }
  };
  

3. 额外排查点 #

• CSRF令牌验证：确保前端请求携带了CSRF令牌，在项目入口文件（如app.js）中添加全局配置：

  import axios from 'axios';
  axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').content;
  

• 路由模型绑定：确认User模型的路由键为id（默认是id，若自定义过getRouteKeyName方法，需保证传递的参数与路由键一致）。

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