以前在學習跨域的時候,我寫過一篇叫作WampServer下使用多端口訪問的文章,默認的 localhost 採用的是 80 端口,能使用多端口訪問的核心是得新建一個端口,也就是新建一個 http 服務,因而咱們在 apache 的配置文件下能夠新建一個指向端口 8080 的服務文件,而後再新建個文件夾(用來存放代碼),啓動服務,就 ok 了。html
今天我要講的是如何實現多域名的配置,通常的 WampServer 安裝完後都會有一個 www 文件夾,裏面的新建文件都能用 localhost + 相對地址 來訪問,可是好比說我在 www 下新建了一個名字叫作 google 的文件夾,咱們能夠用 localhost/google/ 來訪問這個文件夾或者文件夾裏的文件,可是我要用 www.google.com 去訪問,怎麼能作到呢?apache
其實這個比以前的多端口訪問簡單多了。跨域
首先咱們打開 apache 的配置文件 httpd.conf,好比個人是在 F:\wamp\bin\apache\Apache2.2.17\conf
文件夾下,找到這一行:ide
#Include conf/extra/httpd-vhosts.conf
把註釋去掉(刪掉最前面的井號)。post
打開 F:\wamp\bin\apache\Apache2.2.17\conf\extra
文件夾下的 httpd-vhosts.conf 文件,加上這麼一段,好比:學習
<VirtualHost *:80> DocumentRoot "F:\wamp\www\google" ServerName www.google.com ServerAlias google.com </VirtualHost>
打開 C:\WINDOWS\system32\drivers\etc\hosts
文件,添加一句:網站
127.0.0.1 www.google.com
在 www 文件夾下新建一個名爲 google 的文件夾,在裏面添加一個任意的文件,好比 index.html,這時就能夠用 www.google.com/index.html 訪問到。google
這時若是去訪問 localhost,發現又訪問不了了,須要再次修改 httpd-vhosts.conf 文件,添加:url
<VirtualHost *:80> DocumentRoot "F:\wamp\www" ServerName localhost </VirtualHost>
這時訪問 localhost/index.html,就 ok 了!.net
在查找相關的資料的時候,發現基本上都會加上這麼一步,即在 httpd.conf 文件中,找到這麼一段:
<Directory /> Options FollowSymLinks AllowOverride None Order deny,allow Deny from all </Directory>
將其修改成:
<Directory /> Options FollowSymLinks Includes AllowOverride None Order deny,allow Allow from all </Directory>
可是我並無修改也能出現效果,若是通過上述步驟後沒有實現預想的結果,或許能夠試試加上這步。
參考: