Mac中nginx的安装、配置、访问静态文件、配置反向代理

框架

浏览数:681

2019-6-15

前言

在开发过程经常有要访问静态文件的场景,但是用vscode开发不能直接访问,所以需要配置nginx访问静态文件,或者配置域名之类的,今天就说一下nginx配置相关;由于笔者用到的场景不多,本文主要是用来记录简单的使用。

安装nginx

话不多说,一般使用brew来安装nginx

brew install nginx

如果没有brew,则需要先安装brew,执行下面的命令,安装brew;

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

配置nginx

首先进入nginx,使用如下命令行

vi /usr/local/etc/nginx/nginx.conf 

静态文件的配置方式:

server{
  listen 80;
  server_name www.statictest.com;  //要访问的域名配置
  root /Users/wowdesign/Desktop/somedemo/koaDemo/static; // (这里添加自己的项目静态文件目录)
  location / {
  autoindex on;
  index index.html index.htm;
  }
}

值得注意的地方:要在nginx.conf文件里的第一行配置 user root owner;才能访问root的静态文件,否则会报403;
同事需要在hosts文件中进行配置,使用下面命令行进入hosts文件:

vi /etc/hosts;

配置方式:

127.0.0.1    www.statictest.com // 域名配置

此时当浏览器访问这个www.statictest.com这个域名时会指向127.0.0.1;访问本地文件
此时所有访问静态文件所需要的配置,已全部配置完成,然后开启nginx

sudo nginx  // 启动nginx

需要注意的是,每次改了nginx都要重启nginx,重启nginx的命令是

sudo nginx -s reload


以上代表启动成功
下面在介绍nginx几个常用的命令行:

sudo nginx  // 启动nginx
sudo nginx -s reload  // 重启nginx
ps -ef | grep nginx;  // 查看查看nginx进程
kill -TERM 主进程号  // 杀死进程

具体使用见下图


可以从network里查看的你的配置是否成功

PS:反向代理的配置方式简单介绍:

 server {
   listen 80;
   server_name   api.zerotoone.com; //访问的域名
   location / {
     proxy_pass    http://127.0.0.1:9000; // 本地开启的服务
     proxy_redirect default;
   }
}

转载请注明作者 : crystal 我在桌上刻个早字 谢谢啦

作者:crystal