今天使用 Vue 加 axios,做一个小应用,向 ThinkPHP6 的后台发起请求,但是在控制器里加 header 参数,跨域一直不成功,十分郁闷,于是自己写了一个单独的文件测试,在 header 里配置响应头是有用的,如下:
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: Content-Type, Authorization');
所以估计是在 ThinkPHP6 控制器之前,header 设置已经被拦截。
于是把响应头配置放在入口文件的头部,也是可以的,但是带来的问题是,所有控制器都开启跨域,这个肯定是不行的,所以在网上查找,可以利用 ThinkPHP6 的中间件来实现跨域,这样就比较好控制那些控制器开放跨域了,实现如下:
首先是要生成中间件,在命令行模式下输入:
php think make:middleware Cores
如果是多应用模式,还可以在应用里生成
在最末的控制层创建文件。middleware.php和mimiddleware文件夹
一定要在最后的控制层,否则不生效
定义中间件
<?php
// 全局中间件定义文件
return [
// 全局请求缓存
// \think\middleware\CheckRequestCache::class,
// 多语言加载
// \think\middleware\LoadLangPack::class,
//

本文介绍了在ThinkPHP6中遇到跨域问题时,如何通过中间件来解决。首先讲述了在控制器设置header无法成功解决跨域的情况,然后详细说明了如何生成中间件,以及在多应用模式下配置中间件的步骤。此外,还提到了在middleware目录下创建Cores.php文件以定义中间件,并提供了官方配置中直接引入内置中间件的简化方法。最后,提及了官方文档中关于在路由里实现跨域的选项,但未进行实际测试。
最低0.47元/天 解锁文章
2045

被折叠的 条评论
为什么被折叠?



