Mac环境Nginx配置和访问本地静态资源的实现


Posted in Servers onMarch 31, 2021

本地开发有时候需要调试静态文件资源,无法直接访问,可以通过配置本地Nginx服务的方式来进行,顺便记录一下Nginx的配置步骤

安装

<!--通过 Brew 安装: -->
brew install nginx
<!--启动: -->
brew services start nginx
<!--查看配置: -->
cat usr/local/etc/nginx/nginx.conf
<!--编辑配置: -->
vi usr/local/etc/nginx/nginx.conf

Nginx命令:

<!--启动:-->
nginx

<!--停止/重启-->
nginx -s stop/start/restart

配置文件

文件地址: usr/local/etc/nginx/nginx.conf

# 此处配置为root owner才能访问root的静态文件,否则会报403
user root owner;
worker_processes 1;

#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;

  #log_format main '$remote_addr - $remote_user [$time_local] "$request" '
  #         '$status $body_bytes_sent "$http_referer" '
  #         '"$http_user_agent" "$http_x_forwarded_for"';

  #access_log logs/access.log main;

  sendfile    on;
  #tcp_nopush   on;

  #keepalive_timeout 0;
  keepalive_timeout 65;

  #gzip on;

  server {
    # 监听端口
    listen    8080;
    # 绑定域名
    server_name local.XXX.com;

    #charset koi8-r;

    #access_log logs/host.access.log main;
    
    #文件路径和入口文件
    location / {
      root  /usr/local/var/www;
      index index.html index.htm;
    }
    
    # 接口资源1
    location /XXXapi/ {
      proxy_pass https://api.XXX.com; 
    }
    # 接口资源2
    location /apiXXX/ {
      proxy_pass https://api.XXX.com; 
    }

    #error_page 404       /404.html;

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

  include servers/*;
}

配置步骤

  • 安装Nginx
  • 通过SwitchHost绑定HOST (127.0.0.1 local.XXX.com)
  • 配置端口和域名
# 监听端口
listen    8080;
# 绑定域名
server_name local.XXX.com;
指定入口文件和静态文件路径
#文件路径和入口文件    
location / {      
 root  /usr/local/var/www;      
 index index.html index.htm;    
}
如果有额外的API资源,通过proxy_pass绑定对应的API资源地址
# 接口资源1
location /XXXapi/ {
  proxy_pass https://api.XXX.com; 
}
# 接口资源2
location /apiXXX/ {
  proxy_pass https://api.XXX.com; 
}
  1. 将静态文件放入Nginx配置的文件路径
  2. DONE,本地可以通过对应的HOST打开静态网站资源并访问

到此这篇关于Mac环境Nginx配置和访问本地静态资源的实现的文章就介绍到这了,更多相关Nginx配置和访问本地静态资源内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Servers 相关文章推荐
Nginx优化服务之网页压缩的实现方法
Mar 31 Servers
Nginx安装完成没有生成sbin目录的解决方法
Mar 31 Servers
使用Docker容器部署rocketmq单机的全过程
Apr 03 Servers
阿里云k8s服务升级时502错误 springboot项目应用
Apr 09 Servers
Apache Hudi 加速传统的批处理模式
Apr 24 Servers
配置nginx负载均衡
May 06 Servers
nginx实现多geoserver服务的负载均衡
May 15 Servers
Nginx 匹配方式
May 15 Servers
设置IIS Express并发数
Jul 07 Servers
如何让你的Nginx支持分布式追踪详解
Jul 07 Servers
Apache自带的ab压力测试工具的实现
Jul 23 Servers
nginx sticky实现基于cookie负载均衡示例详解
Dec 24 Servers
Nginx域名转发使用场景代码实例
Mar 31 #Servers
提升Nginx性能的一些建议
Nginx反向代理及负载均衡如何实现(基于linux)
Mar 31 #Servers
Nginx配置80端口访问8080及项目名地址方法解析
Mar 31 #Servers
Nginx配置https原理及实现过程详解
Mar 31 #Servers
如何在centos上使用yum安装rabbitmq-server
Mar 31 #Servers
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
You might like
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
JS中min函数实例讲解
2019/02/18 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
python logging日志模块的详解
2017/10/29 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
Python __slots__的使用方法
2020/11/15 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
医院总经理岗位职责
2014/02/04 职场文书
委托书模板
2014/04/04 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
食堂管理制度范本
2015/08/04 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
pandas 实现将NaN转换为None
2021/05/14 Python
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
科普 | 业余无线电知识-波段篇
2022/02/18 无线电
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers