ThinkPHP 5.1 跨域配置方法
因?yàn)樽罱捻?xiàng)目采用了API接口開(kāi)發(fā)方式,后端需要配置跨域的規(guī)則以便前端能夠訪問(wèn)。
系統(tǒng)采用的框架為 ThinkPHP,版本 5.1.19
關(guān)于OPTIONS請(qǐng)求
由于前端的知識(shí)不是很熟悉,查閱了網(wǎng)上的資料得知,OPTIONS 請(qǐng)求是在 AJAX 發(fā)送請(qǐng)求前發(fā)送的一個(gè)驗(yàn)證請(qǐng)求,該請(qǐng)求會(huì)驗(yàn)證一系列規(guī)則,若符合規(guī)則則會(huì)發(fā)送實(shí)際的 GET 或 POST 請(qǐng)求,跨域的規(guī)則也是 OPTIONS 請(qǐng)求時(shí)進(jìn)行驗(yàn)證的。
遇到的問(wèn)題
按照網(wǎng)上大部分關(guān)于跨域請(qǐng)求的配置,基本都是以下三行代碼:
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Authorization");
header('Access-Control-Allow-Methods: GET,POST,PUT,DELETE,OPTIONS,PATCH');
把這三行代碼放到 /route/route.php,/route/api.php,/public/index.php 以及受訪問(wèn)的控制器文件頭部均出現(xiàn)以下報(bào)錯(cuò)信息:
Failed to load http://url.com/main/info: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'null' is therefore not allowed access.The response had HTTP status code 404.
說(shuō)明配置并沒(méi)有生效。
查閱 ThinkPHP 的文檔,文檔給出的例子:
Route::get('new/:id', 'News/read')
->ext('html')
->allowCrossDomain();
意思是只需要在路由的尾部添加 allowCrossDomain() 即可,所以我在每個(gè)需要進(jìn)行跨域訪問(wèn)的路由后都添加了 ->allowCrossDomain(),問(wèn)題得以解決。
另外的問(wèn)題
由于前端的 AJAX 請(qǐng)求通常需要攜帶 token 驗(yàn)證,所以還需要將 token 添加到 Access-Control-Allow-Headers
文檔的例子是
Route::get('new/:id', 'News/read')
->ext('html')
->header('Access-Control-Allow-Origin','thinkphp.cn')
->header('Access-Control-Allow-Credentials', 'true')
->allowCrossDomain();
我按照上面的方法添加了 ->header('Access-Control-Allow-Headers','token') ,再次請(qǐng)求出現(xiàn)了下面的報(bào)錯(cuò):
Failed to load: http://url.com/main/info: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response.
header 的配置沒(méi)有生效。
解決辦法:將 header('Access-Control-Allow-Headers: content-type,token'); 添加到 入口文件 /public/index.php 即可。
以上這篇ThinkPHP 5.1 跨域配置方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- thinkPHP框架動(dòng)態(tài)配置用法實(shí)例分析
- thinkPHP5.0框架獨(dú)立配置與動(dòng)態(tài)配置方法
- Thinkphp 框架配置操作之配置加載與讀取配置實(shí)例分析
- ThinkPHP3.2框架自定義配置和加載用法示例
- Nginx下ThinkPHP5的配置方法詳解
- thinkPHP5.0框架配置格式、加載解析與讀取方法
- thinkPHP5.0框架簡(jiǎn)單配置作用域的方法
- thinkPHP5.0框架環(huán)境變量配置方法
- thinkPHP中鉤子的兩種配置調(diào)用方法詳解
- Thinkphp 框架配置操作之動(dòng)態(tài)配置、擴(kuò)展配置及批量配置實(shí)例分析
相關(guān)文章
php實(shí)現(xiàn)的簡(jiǎn)單壓縮英文字符串的代碼
一直在找壓縮字符串的算法, 不知道是不是關(guān)鍵詞選擇的不對(duì), 找不到適合的,自己寫(xiě)了一對(duì)連續(xù)字符壓縮,(如 vvvv -> 4v) 不過(guò)實(shí)用效果不太好(壓縮比低,效率卻不高), 暫且丟上來(lái)曬曬吧2008-04-04
PHP生成指定長(zhǎng)度隨機(jī)數(shù)最簡(jiǎn)潔的方法
這篇文章主要介紹了PHP生成指定長(zhǎng)度隨機(jī)數(shù)最簡(jiǎn)潔的方法,一行代碼搞定隨機(jī)數(shù)生成,是不是最簡(jiǎn)潔、最優(yōu)雅的方法,需要的朋友可以參考下2014-07-07
php實(shí)現(xiàn)QQ小程序發(fā)送模板消息功能
QQ小程序群里有伙伴要發(fā)送模板消息的代碼,所以今天給大家分享QQ小程序模板消息發(fā)布,絕對(duì)一步一步帶著大家走,每個(gè)細(xì)節(jié)都講到,感興趣的朋友跟隨小編一起看看吧2019-09-09
詳解php中生成標(biāo)準(zhǔn)uuid(guid)的方法
這篇文章主要介紹了php中生成標(biāo)準(zhǔn)uuid(guid)的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Zend Framework教程之配置文件application.ini解析
這篇文章主要介紹了Zend Framework教程之配置文件application.ini用法,分析了配置文件application.ini中常見(jiàn)的配置項(xiàng)含義及用法,需要的朋友可以參考下2016-03-03
ThinkPHP通過(guò)AJAX返回JSON的兩種實(shí)現(xiàn)方法
這篇文章主要介紹了ThinkPHP通過(guò)AJAX返回JSON的兩種實(shí)現(xiàn)方法,分析了ThinkPHP中內(nèi)置的ajaxReturn函數(shù)的用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
php使用json_encode對(duì)變量json編碼
這篇文章主要是說(shuō)明 json_encode 使用時(shí)一個(gè)需要注意的細(xì)節(jié),無(wú)論返回的是數(shù)組還是 json,都不代表這一定就是個(gè)錯(cuò)誤的返回結(jié)果,當(dāng)前端需要的數(shù)組時(shí),數(shù)組就是正確的結(jié)果,反之亦然2014-04-04

