Nginx实践(第一篇) - 环境搭建和配置(Mac OSX下)

1、安装Homebrew

    Homebrew是Mac OSX下的软件包管理工具，就如Red Hat下的yum，Ubuntu下的apt-get。具体安装只需要一步搞定：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" (Mac自带ruby，所以Homebrew安装起来特别方便)

 

2、开始安装Nginx

brew search nginx

brew install nginx

 

上两步完成之后，nginx就算安装好了。由于nginx默认端口是8080，此时可以访问：localhost：8080，就可以看到nginx的欢迎页面了。

 

注：nginx安装完成之后的几个目录

配置文件路径：/usr/local/etc/nginx

安装目录：/usr/local/Cellar/nginx

 

3、通过域名访问自己的一个前端项目（基于node实现），基本配置

a).前端项目需要build，build之后供nginx使用；

b).配置nginx，如下：

#user  nobody;

worker_processes 2;

 

error_log  logs/error.log;

#error_log  logs/error.log  notice;

#error_log  logs/error.log  info;

 

#pid        logs/nginx.pid;

 

 

events {

    worker_connections  1024;

}

 

 

http {

    include       mime.types;

    default_type  application/octet-stream;

 

    #access_log  logs/access.log  main;

 

    sendfile        on;

    #tcp_nopush     on;

 

    #keepalive_timeout  0;

    keepalive_timeout  65;

 

    #gzip  on;

 

    server {

        listen       80 default;

        server_name  对应自己的域名

 

        #root对应的是编译前端项目之后的内容

        location / {

           root   /usr/local/var/www/dist;

           try_files $uri $uri/ @router;

           index index.html;

        }

 

        location @router {

            rewrite ^.*$ /index.html last;

        }

 

    include servers/*;

 

}

 

4.域名访问

做完上面这些步骤之后，直接本地访问配置的域名，是不可以访问的，因为这里涉及到一个DNS域名解析的问题。所以在本地测试，需要修改hosts，增加IP和域名的对应关系，然后便可以直接通过域名访问我们的前端项目了。