前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >fasdmin+uniapp网站解决跨域问题(vue网页+tp接口跨域)

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

作者头像
超级小可爱
发布2023-02-26 21:46:46
2K0
发布2023-02-26 21:46:46
举报
文章被收录于专栏:小孟开发笔记小孟开发笔记

方案一. 纯后端解决

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接口跨域)

本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • fastadmin的专用方法(如果你是fasadmin框架,强烈推荐这个方法):
  • 方案二、tp的通用方法:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com