网站建设资讯

NEWS

网站建设资讯

PHP,Nginx,Apache的跨域配置方法

本篇内容主要讲解“PHP,Nginx,Apache的跨域配置方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP,Nginx,Apache的跨域配置方法”吧!

成都创新互联是一家网站设计公司,集创意、互联网应用、软件技术为一体的创意网站建设服务商,主营产品:响应式网站建设、成都品牌网站建设成都营销网站建设。我们专注企业品牌在网站中的整体树立,网络互动的体验,以及在手机等移动端的优质呈现。网站设计、网站建设、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏析悦目的作品,网站的价值服务。

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.AllowOverride AllRequire all grantedHeader set Access-Control-Allow-Origin * //添加

到此,相信大家对“PHP,Nginx,Apache的跨域配置方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网页题目:PHP,Nginx,Apache的跨域配置方法
网站地址:http://njwzjz.com/article/phoscc.html