Thinkphp5.1 允许 uni-app 的 H5 跨域请求接口解决方法
情景:
uni-app 使用 vue 框架开发混合 APP,虽然 APP 或者小程序没有跨域,但希望就是写完这个既有 H5,又有 APP,小程序等,所以能通过后端解决跨域最好。但是不知道是 vue 的原因还是什么,在 PHP 接口基类中添加了 header 头完全不起作用。
分析:
1. 以前的做法是在接口添加以下部分就可以解决 ajax 的跨域(虽然也用过 jsonp)。
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,竟然就可以正常请求了,目前我也不清楚原因是什么。
评论