Thinkphp5.1允許uni-app的H5跨域請求接口解決方法


情景:

     uni-app使用vue框架開發混合APP,雖然APP或者小程序沒有跨域,但希望就是寫完這個既有H5,又有APP,小程序等,所以能通過后端解決跨域最好。但是不知道是vue的原因還是什么,在PHP接口基類中添加了header頭完全不起作用。官方給出的方法也有,具體可以看https://uniapp.dcloud.io/api/request/request。

    

分析:

 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,竟然就可以正常請求了,目前我也不清楚原因是什么。

 

待續

后面就可以加域名白名單等等。坑雖然避開了,但是問題並沒有解決 ,如果大家有知道原因的可以加我微信一起談論。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM