問題描述

《thinkphp實(shí)現(xiàn)短信驗(yàn)證注冊(cè)》中，小編不止記錄了短信驗(yàn)證碼的實(shí)現(xiàn)方法，同時(shí)還記錄了圖片驗(yàn)證碼的實(shí)現(xiàn)方法。
本地使用，一切正常；后端項(xiàng)目和前端項(xiàng)目都部署到服務(wù)器，一切正常；后端項(xiàng)目部署到服務(wù)器，并設(shè)置允許跨域訪問后，本地前端項(xiàng)目使用服務(wù)器上后端項(xiàng)目接口時(shí)，問題來了：
首先，使用postman測試獲取圖片驗(yàn)證碼接口和驗(yàn)證圖片驗(yàn)證碼接口，正常。
然后，在html中使用獲取圖片驗(yàn)證碼接口，正常；最后，在JS中使用驗(yàn)證圖片驗(yàn)證碼接口，出錯(cuò)?。?！

分析

通過問題描述，我們看出，問題出現(xiàn)在跨域上。那么，有兩種可能，一種是因?yàn)榭缬蛟O(shè)置不正確；一種是因?yàn)閠hinkphp本身的問題。

采用另外一種跨域配置，問題依然存在。那就是thinkphp本身的問題了，經(jīng)查找資料，問題定位在thinkphp的session跨域上。

跨子域解決辦法

其實(shí)不管是ThinkPHP還是php本身，在解決session跨域問題的時(shí)候都需要設(shè)置session.cookie_domain。
針對(duì)session跨域這一問題的解決方法主要有以下幾種：
第一種情況：如果目錄下沒有.htaccess這個(gè)文件，也就是沒有采取url偽靜態(tài)的話，那么，在conf/config.php的第一行加上：

ini_set('session.cookie_domain',".domain.com");//跨域訪問Session

這時(shí)如果你開啟了調(diào)試，那么可以用！但關(guān)閉了調(diào)試，就不管用了！

第二種情況：如果你目錄下有.htaccess這個(gè)文件，那么你在根目錄，index.php的第一行加入：

<?php ini_set('session.cookie_domain',".domain.com");//跨域訪問Session // 應(yīng)用入口文件 ?>

這種方法不管開不開啟調(diào)試都管用！

然而，我們的問題并不是跨子域的問題，而是完全跨域，所以上述方法無效。

完全跨域解決辦法

獲取圖片驗(yàn)證碼請(qǐng)求

查看獲取圖片驗(yàn)證碼的請(qǐng)求信息，Request Headers為：

Accept:image/webp,image/*,*/*;q=0.8 Accept-Encoding:gzip, deflate, sdch Accept-Language:zh-CN,zh;q=0.8,en-US;q=0.6,en;q=0.4 Connection:keep-alive Cookie:pma_lang=zh_CN; pma_collation_connection=utf8_unicode_ci; pma_iv-1=wnpO4gv0eQRW1AMHmGr2ww%3D%3D; pmaUser-1=weZPqS0%2BW7nzFUVHRdqcfA%3D%3D Host:api.voidking.com Referer:http://localhost/ajax/ajax.html User-Agent:Mozilla/5.0 (Windows NT 6.3; Win64;&nbs