本机调试跨域，nginx转发解决

谷歌浏览器ajax请求报错

接口请求正常

phpstudy中配置个本地域名 然后配置hosts 新增 127.0.0.1 wertyuiopp.com

找到 设置 -> vhosts.conf -> 点配置的域名

server {
        listen        80;
        server_name  wertyuiopp.com;
        root   "D:/tools/phpstudy_pro/WWW/localhost";
        location / {
            index index.php index.html error/index.html;
            error_page 400 /error/400.html;
            error_page 403 /error/403.html;
            error_page 404 /error/404.html;
            error_page 500 /error/500.html;
            error_page 501 /error/501.html;
            error_page 502 /error/502.html;
            error_page 503 /error/503.html;
            error_page 504 /error/504.html;
            error_page 505 /error/505.html;
            error_page 506 /error/506.html;
            error_page 507 /error/507.html;
            error_page 509 /error/509.html;
            error_page 510 /error/510.html;
            include D:/tools/phpstudy_pro/WWW/localhost/nginx.htaccess;
            autoindex  off;
        }
        location ~ \.php(.*)$ {
            fastcgi_pass   127.0.0.1:9004;
            fastcgi_index  index.php;
            fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;
            fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
            fastcgi_param  PATH_INFO  $fastcgi_path_info;
            fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;
            include        fastcgi_params;
        }
### 以下为新增，解决跨域 ====================
        location /api/ {
          if ($request_method = OPTIONS ) {
            add_header Access-Control-Allow-Origin "*" always;
            add_header Access-Control-Allow-Methods "POST, GET, PUT, OPTIONS, DELETE";
            add_header Access-Control-Max-Age "3600";
            add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization";
            add_header Content-Length 0;
            add_header Content-Type text/plain;
            return 200;
          }
     
          proxy_set_header Content-Type application/json;
          add_header Access-Control-Allow-Origin "*" always;
          add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
          add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
     
          proxy_pass http://目标地址:端口/api/;
          proxy_set_header X-Real-IP $remote_addr;
     
        }
### ===========================================
}