tp5.1 vue、uniapp 跨域请求解决

最新推荐文章于 2024-02-08 15:08:20 发布

原创最新推荐文章于 2024-02-08 15:08:20 发布 · 876 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

TP5.1开发笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在PHP中设置CORS（跨源资源共享），通过在API1目录的behavior子目录下创建CORS控制器，实现允许所有来源访问并配置请求头。在appInit()方法中设置了Access-Control-Allow-Origin、Access-Control-Allow-Methods和Access-Control-Allow-Headers等关键头部信息，确保了前端本地请求接口的可行性。同时，文章提到了在app目录下的tags.php文件中引入了CORS控制器的路径，完成配置。

api1下新建目录 behavior

behavior新建控制器 CORS（大写）

CORS代码

<?php


namespace app\api1\behavior;


class CORS
{
    public function appInit()
    {
        header('Access-Control-Allow-Origin: *');//容许全部访问地址
        header("Access-Control-Allow-Headers: token,Origin, X-Requested-With, Content-Type, Accept");//设置你要请求的头部信息
        header('Access-Control-Allow-Methods: POST,GET');//设置你请求的方式
        header('Access-Control-Allow-Credentials:false');//设置容许cookie跨域，这里若是设置为true上面就不能容许全部的地址了，要改成指定地址
        if (request()->isOptions()) {
            exit();
        }
    }
}

引入跨域方法

app目录下有个tags.php