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
教你快速开启Apache SkyWalking的自监控
Apr 25 Servers
苹果M1芯片安装nginx 并且部署vue项目步骤详解
Nov 20 Servers
Kubernetes部署实例并配置Deployment、网络映射、副本集
Apr 01 Servers
idea下配置tomcat避坑详解
Apr 12 Servers
Win10 Anaconda安装python-pcl
Apr 29 Servers
Nginx的gzip相关介绍
May 11 Servers
详解Nginx的超时keeplive_timeout配置步骤
May 25 Servers
Nginx安装配置详解
Jun 25 Servers
Apache Kafka 分区重分配的实现原理解析
Jul 15 Servers
Nginx如何获取自定义请求header头和URL参数详解
Jul 23 Servers
ubuntu20.04虚拟机无法上网的问题及解决
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基于IMAP收取邮件的方法示例
2017/08/07 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
js切换div css注意的细节
2012/12/10 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
Vue表单及表单绑定方法
2018/09/04 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
使用Python构建Hopfield网络的教程
2015/04/14 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
python实现京东秒杀功能
2018/07/30 Python
想学python 这5本书籍你必看!
2018/12/11 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
如何将字串String转换成整数int
2015/02/21 面试题
信访工作汇报材料
2014/10/27 职场文书
同学联谊会邀请函
2019/06/24 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
AJAX实现省市县三级联动效果
2021/10/16 Javascript