wamp2.4.4 如何配置虛擬主機及反向代理(解決跨域問題)

一、找到安裝目錄下的httpd.conf文件

1. 刪除Include conf/extra/httpd-vhosts.conf前面的#號(開啟虛擬主機的配置)
2. 刪除LoadModule proxy_module modules/mod_proxy.so前面的#號(配置反向代理)
3. 刪除LoadModule proxy_http_module modules/mod_proxy_http.so前面的#號(配置反向代理)
4. 將239行的DocumentRoot后面的路徑改為項目根目錄
5. 將240行的Directory更改為項目根目錄
6. 將268行(即由項目根目錄控制)的Deny改為ALLOW

二、找到C:\Windows\System32\drivers\etc中的hosts文件

配置映射如下

127.0.0.1       localhost
127.0.0.1       example.com
127.0.0.1       www.example.com
127.0.0.1       localhost

三、找到安裝路徑下的httpd-vhosts.conf文件

該文件路徑:C:\wamp\bin\apache\Apache2.4.4\conf\extra

配置虛擬主機如下

<VirtualHost *:80>
    ServerAdmin [e-mail]
    DocumentRoot "c:/Apache24/docs/dummy-host.example.com"
    ServerName dummy-host.example.com
    ServerAlias www.dummy-host.example.com
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "D:/myweb/ajax/studyit" ---------*設置虛擬主機根目錄*
    ServerName studyit.com -------------*設置自己域名*
    ServerAlias www.studyit.com
    ProxyRequests Off  -------------*反向代理*
    ProxyPass /api http://api.studyit.com  ---------*反向代理指向api*
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "D:/myweb/ajax/studyit-api/public"
    ServerName api.studyit.com   ----*反向代理所指*
    DirectoryIndex abc.html  ---------*文件指向某個文件,可有可無*
</VirtualHost>

祝你成功!