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服务器添加Systemd自定义服务过程解析
Mar 31 Servers
Nginx设置日志打印post请求参数的方法
Mar 31 Servers
nginx+lua单机上万并发的实现
May 31 Servers
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
Feb 12 Servers
Apache Hudi的多版本清理服务彻底讲解
Mar 31 Servers
Tomcat用户管理的优化配置详解
Mar 31 Servers
教你使用Jenkins集成Harbor自动发布镜像
Apr 03 Servers
Docker下安装Oracle19c
Apr 13 Servers
阿里云ECS云服务器快照的概念以及如何使用
Apr 21 Servers
Ubuntu Server 安装Tomcat并配置systemctl
Apr 28 Servers
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
Jun 10 Servers
windows server 2012安装FTP并配置被动模式指定开放端口
Jun 10 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
深入解析Session是否必须依赖Cookie
2013/08/02 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
Javascript中的Array数组对象详谈
2014/03/03 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
js基础之DOM中元素对象的属性方法详解
2016/10/28 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
python读取html中指定元素生成excle文件示例
2014/04/03 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Python图像灰度变换及图像数组操作
2016/01/27 Python
python相似模块用例
2016/03/04 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
pandas.cut具体使用总结
2019/06/24 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
使用python实现飞机大战游戏
2020/03/23 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
就业推荐表自我鉴定
2013/10/29 职场文书
工作自我评价怎么写
2014/01/29 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
Python词云的正确实现方法实例
2021/05/08 Python