【小白技巧】两种简单的跨域方法

【注：小白使用电脑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、双击使用