Mac环境Nginx配置和访问本地静态资源的实现
本地开发有时候需要调试静态文件资源,无法直接访问,可以通过配置本地Nginx服务的方式来进行,顺便记录一下Nginx的配置步骤
安装
brewinstallnginx brewservicesstartnginx catusr/local/etc/nginx/nginx.conf viusr/local/etc/nginx/nginx.conf
Nginx命令:
nginx nginx-sstop/start/restart
配置文件
文件地址:usr/local/etc/nginx/nginx.conf
#此处配置为rootowner才能访问root的静态文件,否则会报403
userrootowner;
worker_processes1;
#error_loglogs/error.log;
#error_loglogs/error.lognotice;
#error_loglogs/error.loginfo;
#pidlogs/nginx.pid;
events{
worker_connections1024;
}
http{
includemime.types;
default_typeapplication/octet-stream;
#log_formatmain'$remote_addr-$remote_user[$time_local]"$request"'
#'$status$body_bytes_sent"$http_referer"'
#'"$http_user_agent""$http_x_forwarded_for"';
#access_loglogs/access.logmain;
sendfileon;
#tcp_nopushon;
#keepalive_timeout0;
keepalive_timeout65;
#gzipon;
server{
#监听端口
listen8080;
#绑定域名
server_namelocal.XXX.com;
#charsetkoi8-r;
#access_loglogs/host.access.logmain;
#文件路径和入口文件
location/{
root/usr/local/var/www;
indexindex.htmlindex.htm;
}
#接口资源1
location/XXXapi/{
proxy_passhttps://api.XXX.com;
}
#接口资源2
location/apiXXX/{
proxy_passhttps://api.XXX.com;
}
#error_page404/404.html;
#redirectservererrorpagestothestaticpage/50x.html
#
error_page500502503504/50x.html;
location=/50x.html{
roothtml;
}
}
includeservers/*;
}
配置步骤
- 安装Nginx
- 通过SwitchHost绑定HOST(127.0.0.1local.XXX.com)
- 配置端口和域名
#监听端口
listen8080;
#绑定域名
server_namelocal.XXX.com;
指定入口文件和静态文件路径
#文件路径和入口文件
location/{
root/usr/local/var/www;
indexindex.htmlindex.htm;
}
如果有额外的API资源,通过proxy_pass绑定对应的API资源地址
#接口资源1
location/XXXapi/{
proxy_passhttps://api.XXX.com;
}
#接口资源2
location/apiXXX/{
proxy_passhttps://api.XXX.com;
}
- 将静态文件放入Nginx配置的文件路径
- DONE,本地可以通过对应的HOST打开静态网站资源并访问
到此这篇关于Mac环境Nginx配置和访问本地静态资源的实现的文章就介绍到这了,更多相关Nginx配置和访问本地静态资源内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。