自分のPCローカル環境を、サーバーにあげた時と同じ環境にしてサイトを確認できたらいいですよね。Xamppを使えばそれが可能なんです。今回はローカルサーバーの設定方法をご紹介します。 ちなみに、Xamppのインストール方法の記事はこちら。

1）メモ帳を管理者権限で開く

2） hostsファイルの更新

ファイルの場所 C:\Windows\System32\drivers\etc hosts というファイルに以下2行目のように追加します。 名前は任意です。

            
  127.0.0.1 localhost
  127.0.0.1 practical-webdesign.localhost
            

3） httpd-vhosts.confファイルの更新

ファイルの場所 C:\xampp\apache\conf\extra httpd-vhosts.conf というファイルに以下のように追加します。 htdocsフォルダ直下に"_practical-webdesign"というフォルダを作りましょう。

            
  <VirtualHost *:80>
  DocumentRoot C:/xampp/htdocs/_practical-webdesign
  ServerName practical-webdesign.localhost
  </VirtualHost>
  <Directory "C:/xampp/htdocs/_practical-webdesign">
  order deny,allow
  allow from ALL
  </Directory>
            

4) Xamppでサーバを立ち上げる

5) 起動確認