think php jsonp接口,Thinkphp5.1容许uni-app的H5跨域请求接口解决方法

情景：

uni-app使用vue框架开发混合APP，虽然APP或者小程序没有跨域，但但愿就是写完这个既有H5，又有APP，小程序等，因此能经过后端解决跨域最好。可是不知道是vue的缘由仍是什么，在PHP接口基类中添加了header头彻底不起做用。官方给出的方法也有，具体能够看https://uniapp.dcloud.io/api/request/request。php

分析：

1. 之前的作法是在接口添加如下部分就能够解决ajax的跨域(虽然也用过jsonp)。vue

// 指定容许其余域名访问

// 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。ajax

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。json

4. 以上能够看出就是普通跨域报错了，而后看一下浏览器的请求响应报文。小程序

5. 发现返回过来的头部信息彻底不是本身在接口上指定的，抱着试一试的念头，把跨域请求放到了TP5.1的入口文件\public\index.php，居然就能够正常请求了，目前我也不清楚缘由是什么。后端

待续

后面就能够加域名白名单等等。坑虽然避开了，可是问题并无解决 ，若是你们有知道缘由的能够加我微信一块儿谈论。api