PHP,Nginx,Apache的跨域配置

我会带着你远行 2023-01-17 08:47 195阅读 0赞

上一章我们有讲过关于[CORS协议][CORS]的跨域协议头，接下来我们从[php,nginx,apache][CORS]三个方面来讲一下分别如何[配置跨域][CORS]

PHP代码中配置

//服务端代码
    //json头
     header("Content-type: application/json");
     //跨域CORS
     header("Access-Control-Allow-Credentials: true");
     header("Access-Control-Allow-Origin: 跨域URL");
     header("Access-Control-Request-Methods:GET, POST, PUT, DELETE, OPTIONS");
     header('Access-Control-Allow-Headers:x-requested-with,content-type,ch-token');
    
    
    //JS请求代码
    $.ajax({ 
             type: "POST",
             url: "",
             xhrFields: { withCredentials: true},
             crossDomain: true,
             data: "",
             beforeSend: function (XMLHttpRequest) { 
                 XMLHttpRequest.setRequestHeader("ch-token", 'chris');
             },
            error: function (XMLHttpRequest) { 
                 if (XMLHttpRequest.status === 401) { 
                }         
             },         
            success: function () { },         
            complete: function () { }     
    });

Nginx 配置跨域  
\#1.可以添加协议头

server
     { 
         listen       8080;
         add_header Access-Control-Allow-Origin *;
         add_header Access-Control-Allow-Headers X-Requested-With;
         add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    }

\#2.可以利用反向代理实现跨域，建议

location /api{  //通过api路径请求的
             rewrite  ^/api/?(.*)$ /$1 break; //重写
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_pass http://192.168.137.189:8082/; # 转发地址
         }

Apache 跨域配置

1.首先找到 httpd.conf 文件
     找到   #LoadModule headers_module modules/mod_headers.so
     把#注释符去掉（也有可能已经默认去掉了）
     目的是开启apache头信息自定义模块
     2.
        <Directory "E:/laragon/www/（你的本地地址）">
            AllowOverride All
            Require all granted
            Header set Access-Control-Allow-Origin * //添加
        </Directory>

[CORS]: http://github.crmeb.net/u/defu