vue axios跨域请求tp5项目

vue axios跨域请求tp5项目

困扰了一天的tp5 跨域请求终于搞定了，记录一下

在vue axios请求中会发送两次请求，提一次是监听当前请求是否能走通，网上很多教程文档都能实现，但是两次都请求到了数据，这样比较消耗服务器资源，所以我们需要监听请求方式，如果为OPTIONS 请求时只返回状态，不进入控制器处理数据，方法如下

一 创建文件夹 及文件

在application下面创建common/behavior/Cors.php

二 编辑Cors.php文件

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2020/1/17
 * Time: 11:58
 */

namespace app\common\behavior;

use think\Response;
class Cors
{
    public function run(&$dispatch){
        header("Access-Control-Allow-Origin:*");
        $host_name = isset($_SERVER['HTTP_ORIGIN']) ? $_SERVER['HTTP_ORIGIN'] : "*";
        $headers = [
            "Access-Control-Allow-Origin" => $host_name,
            "Access-Control-Allow-Credentials" => 'true',
            "Access-Control-Allow-Headers" => "Content-Type, Authorization, X-Requested-With"
        ];
        if($dispatch instanceof Response) {
            $dispatch->header($headers);
        } else if($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
            $dispatch['type'] = 'response';
            $response = new Response('', 200, $headers);
            $dispatch['response'] = $response;
        }
    }
}

三 编辑application/tags.php,修改app_begin与app_end

```php
<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006~2018 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: liu21st <liu21st@gmail.com>
// +----------------------------------------------------------------------

// 应用行为扩展定义文件
return [
    // 应用初始化
    'app_init'     => [],
    // 应用开始
    'app_begin'    => [
        'app\\common\\behavior\\Cors'
    ],
    // 模块初始化
    'module_init'  => [],
    // 操作开始执行
    'action_begin' => [],
    // 视图内容过滤
    'view_filter'  => [],
    // 日志写入
    'log_write'    => [],
    // 应用结束
    'app_end'      => [
        'app\\common\\behavior\\Cors'
    ],
];

没了