前端接口调试 -- 通过Nginx反向代理机制解决跨域问题

---

安装配置

1. 安装 git
2. 安装node

3. 安装 anywhere node 插件包

   $ npm install anywhere -g //全局安装anywhere   

4. 安装nginx
   解压nginx压缩包到c盘根目录

---

使用方法

1. 在项目文件根目录，点击鼠标右键运行 git bash here ，在命令行内输入以下代码启动本地服务器。

   $ anywhere -p8080 

   8080是端口号，此端口号会在接下来的nginx配置文件中用到。
   正确输入代码后，系统会自动在浏览器中打开此地址

2. 填写nginx配置文件
   在 C:\nginx-1.2.7\conf 中找到 nginx.conf 文件，在编辑其中打开，配置如下。

   http {
       include       mime.types;
       default_type  application/octet-stream;
       server {
           listen       800;  
           #此800端口号会在后面用到
   
           charset utf-8;
           access_log on;
           access_log  logs/host.access.log  ;
           location / {
               #8080端口号是第一步开启的本地服务端口号
               proxy_pass http://localhost:8080;
           }
           location /cloudlink-core-framework  {  
               #每有一个新的代理需求，就新增一个location
               #反向代理，达到前后端分离开发的目的
               proxy_pass http://192.168.50.235:9901;
           }
       }
   }

   假设你有新的接口需要调试，后端给你的接口为：
   

   http://192.168.50.235:9901/cloudlink-core-framework/feedback/addAdvice

   你的ajax的url就需要像下面这么写
   

   $.ajax({ 
        url:"/cloudlink-core-framework/feedback/addAdvice",
        ...

   你的nginx配置就需要新增一个 location ，如下：
   

   location /cloudlink-core-framework  { 
       #反向代理，达到前后端分离开发的目的
       proxy_pass http://192.168.50.235:9901;
   }

3. 运行 ngnix.exe ，在第一步打开的浏览器网页中，将端口号改为第二步在nginx配置文件中填写的800

4. 注意每次更改配置文件，都需要重启Nginx。