本篇內(nèi)容主要講解“PHP,Nginx,Apache的跨域配置方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“PHP,Nginx,Apache的跨域配置方法”吧!

成都創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營產(chǎn)品：響應(yīng)式網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、成都營銷網(wǎng)站建設(shè)。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立，網(wǎng)絡(luò)互動的體驗，以及在手機等移動端的優(yōu)質(zhì)呈現(xiàn)。網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、移動互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運營、VI設(shè)計、云產(chǎn)品.運維為核心業(yè)務(wù)。為用戶提供一站式解決方案，我們深知市場的競爭激烈，認真對待每位客戶，為客戶提供賞析悅目的作品，網(wǎng)站的價值服務(wù)。

PHP代碼中配置

//服務(wù)端代碼//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.可以添加協(xié)議頭

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.可以利用反向代理實現(xiàn)跨域，建議

 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/; # 轉(zhuǎn)發(fā)地址 }

Apache 跨域配置

1.首先找到 httpd.conf 文件
 找到   #LoadModule headers_module modules/mod_headers.so
 把#注釋符去掉（也有可能已經(jīng)默認去掉了）
 目的是開啟apache頭信息自定義模塊
 2.AllowOverride AllRequire all grantedHeader set Access-Control-Allow-Origin * //添加

到此，相信大家對“PHP,Nginx,Apache的跨域配置方法”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！