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 相关文章推荐
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
Mar 09 Servers
Nginx本地目录映射实现代码实例
Mar 31 Servers
详解nginx.conf 中 root 目录设置问题
Apr 01 Servers
Nginx进程管理和重载原理详解
Apr 22 Servers
nginx部署多前端项目的几种方法
May 25 Servers
深入解析Apache Hudi内核文件标记机制
Mar 31 Servers
在Docker容器中部署SQL Server
Apr 11 Servers
CentOS安装Nginx并部署vue
Apr 12 Servers
Windows Server 2019 配置远程控制以及管理方法
Apr 28 Servers
GPU服务器的多用户配置方法
Jul 07 Servers
kubernetes集群搭建Zabbix监控平台的详细过程
Jul 07 Servers
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
Aug 05 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
让你的网站首页自动选择语言转跳
2006/12/06 PHP
mysql数据库差异比较的PHP代码
2012/02/05 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
初识javascript 文档碎片
2010/07/13 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
es6数值的扩展方法
2019/03/11 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
python执行子进程实现进程间通信的方法
2015/06/02 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
实例详解Matlab 与 Python 的区别
2019/04/26 Python
python日志logging模块使用方法分析
2019/05/23 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
python创建学生管理系统
2019/11/22 Python
Python Selenium截图功能实现代码
2020/04/26 Python
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
宣传保护环境的公益广告词
2014/03/13 职场文书
圣诞晚会主持词
2015/07/01 职场文书