仮想ホストの設定とプロジェクト保存ディレクトリの変更方法_html/css

仮想ホストの設定とプロジェクト保存ディレクトリの変更方法_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:41:35

オリジナル

1381 人が閲覧しました

知識の説明:

HTML5 はフロントエンドのものですが、優れたフロントエンドエンジニアは基本的なバックエンドの知識も持っている必要があります。私は今日 HTML5 の学習を始めたばかりで、仮想ホストの構成方法とプロジェクトプレビューの変更方法を説明しました。住所！

1. WAMP 統合環境をインストールします

2. Apache サーバーを起動します

3. C:wampbinapacheapache2.4.9confhttps.conf ファイルを変更します (前提: 私の wamp は C ドライブにインストールされています)

約 230 行を追加します。

DocumentRoot "C:wampwww" (これはデフォルトの localhost ディレクトリです)

次のように変更します:

DocumentRoot "D:wwwWeb1" (D:wwwWeb1 はプロジェクトが保存されるディレクトリです)

ディレクトリのアクセス許可を構成します, 変更点は以下の通りです:

(約240行、前のコメントをすべて追加して以下をコピーするだけです)

s ‐ ‐ ‐‐‐‐‐‐‐‐

すべてから許可

すべて満足

（約255行、ピリオドをすべてコメントにして以下をコピー） )

オプションインデックス FollowSymlinks

allowoverride all

、allow

all から許可

& & lt;/ディレクトリ & gt;

pd-vhosts.conf (約 521 ) の前# 削除するということは、httpd-vhosts.conf ファイルを導入することを意味します

5. C:wampbinapacheapache2.4.9confextra httpd-vhosts.conf ファイルを開きます

次のように仮想ホストの構成を完了します:

< ;VirtualHost *:80>

ServerAdmin webmaster@dummy-host.example.com

DocumentRoot "D:wwwWeb1" (ローカルプロジェクト保存パス)

ServerName localhost (プロジェクトにバインドされたドメイン名)

ServerAlias www .dummy-host.example.com (この部分はドメイン名と通常一致しています)

ErrorLog "logs/dummy-host.example.com-error.log" (この部分はドメイン名と通常一致しています、ログファイルは、どのプロジェクトのログファイルであるかを区別するために出力されます)

CustomLog "logs/dummy-host.example.com-access.log" common (上記と同じ)

注:

複数の仮想ホストを追加したい場合は、上記の部分をコピーし、DocumentRoot と ServerName を変更するだけです (もちろん、DocumentRoot はプロジェクトがローカルに保存されているパスです。ServerName はプロジェクトがバインドしたいドメイン名です)

6. IP アドレスのマッピング

C:WindowsSystem32driversetchosts ファイルを変更し、ファイルの最後に IP マッピングを追加します

127.0.0.1 localhost

127.12.13.14 www.****.com (ドメイン名と一致するだけです)

7. 上記の設定がすべて完了したら、Apache サーバーを再起動します

この時点では、ブラウザに直接 localhost を入力するだけです。