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

孙吉亮发布于2019-08-30 11:07 / 1682人阅读

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

前言

在开发过程经常有要访问静态文件的场景，但是用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 我在桌上刻个早字谢谢啦

混合云 idc机房托管 nginx的安装与配置 nginx伪静态配置 apache反向代理服务器配置 nginx反向代理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114788.html

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

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

褰辩话 2019-08-02 15:15 评论0 收藏0
Mac中nginx的安装、配置、访问静态文件、配置反向代理

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

MangoGoing 2019-08-23 18:02 评论0 收藏0
跨域解决方案（史上最易懂）

摘要：跨域总结跨域思路跨域解决方案一般分为两种前端解决，后端解决前端解决方案通过前端解决的思想就是，通过设置中间件把跨域的请求转发一下，其实就是反向代理，比如想要访问豆瓣的接口很会有跨域问题，但是如果请求的是就不存在跨域反向代理就是截取之后的请求跨域总结 1.跨域思路跨域解决方案一般分为两种：前端解决，后端解决 1.1 前端解决方案通过前端解决的思想就是，通过设置中间件把跨域的请求转发...

wh469012917 2019-07-25 14:23 评论0 收藏0
Nginx + Node + Vue 部署初试(2019-02-18修改)

摘要：它的作用是监听后建立的连接，对读写事件进行添加删除。事件处理模型和的非阻塞模型结合在一起使用。趁着爸妈做年夜饭之前，把之前做的笔记贴出来，新的一年到了，祝大家 showImg(https://segmentfault.com/img/remote/1460000018099635?w=251&h=201); Nginx + Node + Vue 部署初试知乎个人博客 Githu...

kel 2019-07-25 14:38 评论0 收藏0
Nginx配置指北之gzip

摘要：如有错误，欢迎指正。如果使用了进行反向代理，那么和后端的之间默认是用协议通信的。如果不是这样，最好设置为，因为这会造成额外的开销。一个比较好的处理方式是放在或级别单独处理。无论是前端还是后端，在部署项目时，时常免不了用到Nginx，小项目也时常做个反向代理啥的。今天就简单直接，聊一下其中的一个点——gzip。如有错误，欢迎指正。一般服务器端常用的是 Ubuntu、CentOS、Li...

yunhao 2019-07-25 14:00 评论0 收藏0