讲师中心 微信公众号
AI工具推荐 视频效率加速

Laravel怎么处理AJAX请求_Laravel前后端交互教程【响应】

秋枫吖_6067

秋枫吖_6067

发布时间:2026-02-25 11:39:10

|

390人浏览过

|

来源于php中文网

原创

Laravel 正确返回 JSON 需用 api 中间件替代 web、禁用 CSRF 或白名单例外、前端通过 header 传 X-CSRF-TOKEN、捕获异常避免渲染视图、配置 CORS 支持跨域,并清除缓存确保配置生效。

laravel怎么处理ajax请求_laravel前后端交互教程【响应】

怎么让 Laravel 正确返回 JSON 而不是重定向或视图

Laravel 默认把 AJAX 请求当普通请求处理,Auth::user() 未登录时会跳转到 /login,导致前端收到 302 响应而非预期的 JSON。核心是告诉 Laravel “这是 API 场景”,别走 Web 中间件栈。

  • 在路由定义时用 Route::middleware('api') 替代 web,避免 session、CSRF、重定向中间件干扰
  • 控制器方法里别用 redirect() 或 view(),统一用 response()->json() 或直接 return ['data' => ...]
  • 如果必须复用 Web 路由(比如管理后台),手动禁用 CSRF 验证:在 app/Http/Middleware/VerifyCsrfToken.php 的 $except 数组里加路径,如 'api/user/update'

Laravel 的 CSRF token 怎么传给 AJAX 请求

Web 路由默认校验 _token,但 AJAX 不自动带这个字段,直接发 POST/PUT/DELETE 会报 TokenMismatchException。

  • 前端从 meta 标签取 token:document.querySelector('meta[name="csrf-token"]').getAttribute('content')
  • 全局配置 axios:axios.defaults.headers.common['X-CSRF-TOKEN'] = token;fetch 则需手动加 headers: { 'X-CSRF-TOKEN': token }
  • 别把 token 放 query string 或 body 里传——axios.post('/user', { _token: token, name: 'x' }) 无效,Laravel 只认 header 中的 X-CSRF-TOKEN 或 form-data 中的 _token

为什么 response()->json() 返回的是 HTML 页面

常见于开发环境开启调试模式(APP_DEBUG=true)且返回了异常,Laravel 会渲染错误页面而不是 JSON。这不是 JSON 返回逻辑错了,而是异常没被正确捕获。

Laravel Cloud
Laravel Cloud

Laravel Cloud(cloud.laravel.com)。此技能用于处理所有 Laravel Cloud 请求,包括搜索和读取数据。只要任务涉及 Laravel Cloud,即使用此技能。

下载
  • 检查是否在 JSON 响应路径中抛出了未 catch 的异常,比如数据库查询失败、模型找不到——这些会触发 Exception Handler 渲染视图
  • 确保控制器里做了基础兜底:try { ... } catch (\Exception $e) { return response()->json(['error' => '操作失败'], 500); }
  • 验证响应头:用浏览器 DevTools 看 Network → Response Headers → Content-Type 是否为 application/json;不是的话,说明中间件或异常流程劫持了响应

Vue/React 项目里调用 Laravel API 报 CORS 错误

前端运行在 http://localhost:5173,Laravel 后端在 http://localhost:8000,浏览器直接拦截跨域请求,控制台显示 No 'Access-Control-Allow-Origin' header。

  • 装官方包:composer require fruitcake/laravel-cors,它比手写中间件更可靠,支持预检请求(OPTIONS)和动态 origin 白名单
  • 发布配置后,在 config/cors.php 里设 'allowed_origins' => ['http://localhost:5173'],别用 ['*'](cookie 认证下无效)
  • 确认中间件已注册:检查 app/Http/Kernel.php 的 $middlewareGroups['api'] 是否包含 \Fruitcake\Cors\HandleCors::class

真正麻烦的从来不是写个 response()->json(),而是你改了路由中间件,忘了清 config 缓存;或是前端漏传 token,后端又没做友好提示——这些细节卡住的时间,远多于写逻辑本身。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件,包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

897

2024.04.09

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型:全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容,可以阅读本专题下面的文章。

875

2024.04.09

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有:1、单例模式;2、工厂方法模式;3、建造者模式;4、适配器模式;5、装饰器模式;6、策略模式;7、观察者模式。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

2528

2024.04.09

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4861

2024.04.10

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程,想了解更多详细内容,请阅读专题下面的文章。

7130

2025.08.05

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程,阅读专题下面的文章了解更多详细内容。

4676

2025.08.05

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容,阅读专题下面的文章了解更多详细内容。

8769

2025.08.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

1516

2026.03.04

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何安装 Composer
如何安装 Composer

共1课时 | 224人学习

Composer手册
Composer手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn