1. 程式人生 > >前後端分離開發,跨域訪問的apche設置

前後端分離開發,跨域訪問的apche設置

itl www. 配置 Coding httpd服務 註意 modules enc require

1,如何讓Apache支持跨域訪問呢?
步驟:

  1. 修改httpd.conf,windows中對應的目錄是:C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf
  2. 把LoadModule headers_module modules/mod_headers.so 前面的註釋刪除
  3. 修改
    技術分享
    改為:
    技術分享
    即:

    <Directory />
    AllowOverride none
    Require all granted
    Header set Access-Control-Allow-Origin *
    </Directory>

(1) 首先使用圖形界面開啟headers_module模塊功能; (2) 然後在修改httpd.conf配置文件,增加Header set Access-Control-Allow-Origin * 順序錯了就啟動不了httpd服務

2,如何使Nginx支持跨域呢? 1,進入nginx的html目錄 vim ../crossdomain.xml 具體路徑: /usr/local/nginx/html/crossdomain.xml 2,在crossdomain.xml中添加:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>

結果就是:
技術分享

註意:默認/usr/local/nginx/html/crossdomain.xml 是不存在的.

原文轉自 http://blog.csdn.net apache測試過了,nginx還沒進行過測試

前後端分離開發,跨域訪問的apche設置