Vagrant での Nginx 構成

連載記事1と2では、Vagrantのインストールと開発環境ソフトウェアの自動インストールについて紹介しました。

この記事では、仮想マシンでのNginxの設定と、実マシンでのNginxへのアクセス方法について書きます。

Vagrantfile ファイルを開いて、次の設定を見つけます:

<code>config<span>.vm</span><span>.network</span><span>"forwarded_port"</span>, guest: <span>80</span>, host: <span>8080</span></code>

この設定は、仮想マシンのポート 80 を実マシンのポート 8080 にマッピングすることを意味します。

vagrant ssh コマンドを使用して仮想マシンに入りますvagrant ssh命令进入虚拟机

备份默认nginx配置文件

<code>sudo <span>cp</span> /etc/nginx/nginx<span>.conf</span> /etc/nginx/nginx<span>.conf</span><span>.back</span></code>

修改配置

打开/etc/nginx/nginx.conf,将里面的内容更改如下：

<code>events {
    worker_connections <span>1024</span><span>;</span>
}

http {
    server {
        listen <span>80</span><span>;</span>
        server_name test<span>.com</span> www<span>.test</span><span>.com</span><span>;</span>
        charset utf-<span>8</span><span>;</span>        location / {
            root /projects/<span>;</span>
            index index<span>.html</span> index<span>.htm</span><span>;</span>
        }

        <span>#redirect server error pages to the static page /50x.html</span>
        error_page <span>500</span><span>502</span><span>503</span><span>504</span> /<span>50</span><span>x</span><span>.html</span><span>;</span>
        location = /<span>50</span><span>x</span><span>.html</span> {
            root /projects/<span>;</span>
        }
    }

}</code>

添加HTML页面

在虚拟机中：cd /projects

在该目录下新建index.html或者index.htm文件，内容如下：

<code><span>html</span>><span>head</span>><span>title</span>>R_Lanffy<span><span>title</span>></span><span><span>head</span>></span><span>body</span>>
        Hello World
    <span><span>body</span>></span><span><span>html</span>></span></code>

访问测试

在真实机浏览器中输入地址：test.com:8080或者www.test.com:8080即可访问到虚拟机中的nginx相关配置。

如果想达到输入test.com就能访问的目的，是需要将Vagrantfile文件中的8080修改为80

注：如果出现不能访问的情况，很有可能是在启动虚拟机之前，8080端口被占用了。解决办法就是将端口修改为没有被占用的端口。

查看端口是否被监听:netstat -an | grep 8080

デフォルトの nginx 設定ファイルをバックアップしますrrreee設定を変更します

/etc/nginx/nginx.conf を開きますcode> を変更し、内容の変更は次のとおりです:

rrreee HTML ページを追加します

仮想マシン内: cd /projects

この中に新しい Index.html または Index.htm ファイルを作成します次の内容のディレクトリ: 🎜rrreee🎜Visit Test🎜🎜 実機のブラウザにアドレスを入力します: test.com:8080 または www.test.com:8080仮想マシン内の nginx 関連の構成にアクセスします。 🎜🎜test.com にアクセスする目的を達成したい場合は、Vagrantfile ファイルの 8080 を 80 に変更する必要があります🎜🎜注: アクセスできない場合は、仮想マシンのポート 8080 を起動する前である可能性が高くなります。占領されています。解決策は、ポートを空いているポートに変更することです。 🎜🎜 ポートが監視されているかどうかを確認します: netstat -an | grep 8080🎜🎜').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i 🎜').text(i)); }; $numbering.fadeIn(1700); }); }); 🎜🎜🎜🎜 🎜 上記では、Vagrant の Nginx 構成を関連コンテンツも含めて紹介していますが、PHP チュートリアルに興味のある友人に役立つことを願っています。 🎜 🎜 🎜