写点什么

Thinkphp5.1 允许 uni-app 的 H5 跨域请求接口解决方法

作者:北桥苏
  • 2023-05-11
    广东
  • 本文字数:707 字

    阅读完需:约 2 分钟

情景:


     uni-app 使用 vue 框架开发混合 APP,虽然 APP 或者小程序没有跨域,但希望就是写完这个既有 H5,又有 APP,小程序等,所以能通过后端解决跨域最好。但是不知道是 vue 的原因还是什么,在 PHP 接口基类中添加了 header 头完全不起作用。

    

分析:

 1. 以前的做法是在接口添加以下部分就可以解决 ajax 的跨域(虽然也用过 jsonp)。

// 指定允许其他域名访问          // header('Access-Control-Allow-Origin:*');        // // 响应类型          // header('Access-Control-Allow-Methods:*');        // // 响应头设置          // header('Access-Control-Allow-Headers:*');
复制代码

 

2.  添加后请求,报错“Access to XMLHttpRequest at 'http://www.unxxx.com/api/v1.user/login' from origin 'http://192.168.2.121:8000' has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.”;自定义的请求头 token 不被允许。因为接口请求需要带上 token,把 token 放在自定义请求头上再传到 PHP。

 

3. 于是就将 token 改为普通参数方式传递,但依然报错,Access to XMLHttpRequest at 'http://www.xxxxxx.com/api/v1.user/login' from origin 'http://192.168.2.121:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource。



4. 以上可以看出就是普通跨域报错了,然后看一下浏览器的请求响应报文。



5. 发现返回过来的头部信息完全不是自己在接口上指定的,抱着试一试的念头,把跨域请求放到了 TP5.1 的入口文件\public\index.php,竟然就可以正常请求了,目前我也不清楚原因是什么。




用户头像

北桥苏

关注

公众号:ZERO开发 2023-05-08 加入

专注后端实战技术分享,不限于PHP,Python,JavaScript, Java等语言,致力于给猿友们提供有价值,有干货的内容。

评论

发布
暂无评论
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法_php_北桥苏_InfoQ写作社区