Mac中nginx的安裝、配置、訪問靜態文件、配置反向代理

MangoGoing 發布于2019-08-23 18:02 / 3418人閱讀

摘要：前言在開發過程經常有要訪問靜態文件的場景，但是用開發不能直接訪問，所以需要配置訪問靜態文件，或者配置域名之類的，今天就說一下配置相關由于筆者用到的場景不多，本文主要是用來記錄簡單的使用。

前言

在開發過程經常有要訪問靜態文件的場景，但是用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 我在桌上刻個早字謝謝啦

云服務器 GPU云服務器 nginx的安裝與配置 nginx偽靜態配置 apache反向代理服務器配置 nginx反向代理

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/104570.html

Mac中nginx的安裝、配置、訪問靜態文件、配置反向代理

摘要：前言在開發過程經常有要訪問靜態文件的場景，但是用開發不能直接訪問，所以需要配置訪問靜態文件，或者配置域名之類的，今天就說一下配置相關由于筆者用到的場景不多，本文主要是用來記錄簡單的使用。前言在開發過程經常有要訪問靜態文件的場景，但是用vscode開發不能直接訪問，所以需要配置nginx訪問靜態文件，或者配置域名之類的，今天就說一下nginx配置相關；由于筆者用到的場景不多，本文主要...

孫吉亮 2019-08-30 11:07 評論0 收藏0
Mac中nginx的安裝、配置、訪問靜態文件、配置反向代理

摘要：前言在開發過程經常有要訪問靜態文件的場景，但是用開發不能直接訪問，所以需要配置訪問靜態文件，或者配置域名之類的，今天就說一下配置相關由于筆者用到的場景不多，本文主要是用來記錄簡單的使用。前言在開發過程經常有要訪問靜態文件的場景，但是用vscode開發不能直接訪問，所以需要配置nginx訪問靜態文件，或者配置域名之類的，今天就說一下nginx配置相關；由于筆者用到的場景不多，本文主要...

褰辯話 2019-08-02 15:15 評論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