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 webmaster@dummy-host.example.com
    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>

祝你成功!