fasdmin+uniapp网站解决跨域问题(vue网页+tp接口跨域)

2023-02-26 21:46:46 浏览数 (2)

方案一. 纯后端解决

fastadmin的专用方法(如果你是fasadmin框架,强烈推荐这个方法):

修改文件:application/config.php,这是fa的配置文件。

修改属性 cors_request_domain,搜一下就找到了,在里面加上你的域名就行了

代码语言:javascript复制
只需这么已配置就好了。其他的无需配置,不需要设置ngingx配置,不需要代码中单独再添加header头

‘cors_request_domain’ => ‘localhost,127.0.0.1,cha5.mxh.cn’,

方案二、tp的通用方法:

修改文件:public/index.php,这是tp的入口文件

代码语言:javascript复制
当然fasadmin也可以这么配置

if(isset($_SERVER"HTTP_ORIGIN") && strpos($_SERVER"HTTP_ORIGIN",'127.0.0.1:8000') !== false){

// 跨域

header('Access-Control-Allow-Origin: '.$_SERVER"HTTP_ORIGIN"); //星号表示允许所有来源跨域请求,生产环境建议配置成你的来源站点的域名

header("Access-Control-Allow-Headers: *");

header('Access-Control-Allow-Methods:*');

header('Access-Control-Expose-Headers:*');

header('Access-Control-Allow-Credentials:true');

if (strtoupper($_SERVER'REQUEST_METHOD') == 'OPTIONS') { //浏览器的option试探请求,要exit掉,不然你的业务会被执行两次

echo '{code: 0, msg: "OPTIONS", time: "", data: null}';

exit();

}

}

如果是多个域名都要适配,可以改成这样:

| if(isset($_SERVER"HTTP_ORIGIN") && in_array($_SERVER"HTTP_ORIGIN",'xxx','http://api.maoshu.fun','http://www.maoshu.fun')){ } |

|:----|

| 下面这句是允许跨域cookie的  header(‘Access-Control-Allow-Credentials:true’); | ​ |

| 下面这句的判断,是为了本地调试的,只有在本地调试的时候,才允许跨域,这样线上如果不需要跨域的话就更安全些 strpos($_SERVER“HTTP_ORIGIN”,’127.0.0.1:8000′) !== false | ​ |

未经允许不得转载:肥猫博客 » fasdmin uniapp网站解决跨域问题(vue网页 tp接口跨域)

0 人点赞