【小白技巧】兩種簡單的跨域方法

【注:小白使用電腦win10 64位】

一、apache+php代理

1、下載安裝apache:http://www.apachelounge.com/download/

2、下載安裝php:http://windows.php.net/download/#php-5.5

3、配置apache的步驟就不多說了,都是大同小異【相關步驟】

4、代碼部分?

例:get方法【接口來源-->聚合數據-QQ號碼測吉兇(免費)

jq部分:

$.ajax({

? ?url: 'demo.php?url=http://japi.juhe.cn/qqevaluate/qq?key='+appKey+'&qq='+qqnumber,

? ?type: 'get',

? ?dataType: 'json',

? ?cache: false,

? ?success: function(data) {},

? ?error:function(data){}

})

php部分:

<?php

$link = $_GET["url"];

$crossUrl = $link;

?echo file_get_contents($crossUrl);

?>

對,就是這么簡單,只要按照步驟配置好apache,啟動之后,寫好短短的這幾行代碼,跨域訪問就成功了!未完待續。。。

二、nginx反向代理

1、下載安裝nginx:http://nginx.org/en/download.html

2、配置nginx的步驟就不多說了,都是大同小異【相關鏈接】

3、反向代理步驟:

a、找到nginx文件夾中conf文件夾下的nginx.conf;

b、找到如下代碼:

? ? ? location / {

? ? ? ? ? ?root? html;

? ? ? ? ? ?index? index.html index.htm;

? ? ? ?}

c、在其后加上如下代碼

? ? ?#lhy為代理的名稱

? ? ?location /lhy {

? ? ? ? ? rewrite? ^.+lhy/?(.*)$ /$1 break;

? ? ? ? ? include? uwsgi_params;

? ? ? ? ? #需要跨域的域名【接口來源-->聚合數據-QQ號碼測吉兇(免費)

? ? ? ? ? proxy_pass ?http://japi.juhe.cn;

? ? }

4、啟動nginx

jq ajax請求:

$.ajax({

? url: '/lhy/qqevaluate/qq?key='+appKey+'&qq='+qqnumber

? ?type: 'get',

? ?dataType: 'json',

? ?cache: false,

? ?success: function(data) {},

? ?error: function(data) {}

})

對,就是這么簡單,只要按照步驟配置好nginx,啟動之后,寫好短短的這幾行代碼,跨域訪問就成功了!未完待續。。。

注:nginx啟動、關閉小技巧【自己編輯bat文件】

1、新建txt文件

2、編輯

a、啟動代碼:

? ? ?F: ? ? ::nginx所在盤名稱

? ? ?cd nginx-1.13.4 ? ::nginx所在盤路徑

? ? ?start nginx.exe? ::啟動nginx

b、關閉代碼:

? ? ? taskkill /f /im "nginx.exe"

3、文件另存為.bat

4、雙擊使用

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容