nginx配置静态资源路径(Mac环境Nginx配置和访问本地静态资源的实现)
类别:服务器 浏览量:1642
时间:2022-03-28 01:05:28 nginx配置静态资源路径
Mac环境Nginx配置和访问本地静态资源的实现本地开发有时候需要调试静态文件资源,无法直接访问,可以通过配置本地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; }
- 将静态文件放入Nginx配置的文件路径
- DONE,本地可以通过对应的HOST打开静态网站资源并访问
到此这篇关于Mac环境Nginx配置和访问本地静态资源的实现的文章就介绍到这了,更多相关Nginx配置和访问本地静态资源内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- fastdfs服务器集群(fastdfs+nginx集群搭建的实现)
- nginx怎么支持http转https(Nginx域名转发https访问的实现)
- nginx服务器和apache服务器(Nginx vs Apache两大web服务器比较)
- nginxrewrite有什么功能(Nginx Rewrite使用场景及代码案例详解)
- nginx 怎么搭建web服务器(Linux+Nginx+Php架设高性能WEB服务器)
- nginx配置详解(Nginx进程管理和重载原理详解)
- nginx配置root后的路径打不开(详解nginx.conf 中 root 目录设置问题)
- nginx和lua哪个好(nginx+lua单机上万并发的实现)
- centos7 离线安装nginx(centos8安装nginx1.9.1的详细过程)
- 新手nginx反向代理问题(详解Nginx proxy_pass的一个/斜杠引发的血案)
- docker安装nginx如何配置(docker部署nginx并且挂载文件夹和文件操作)
- nginx服务器怎么屏蔽爬虫(nginx 防盗链防爬虫配置详解)
- nginx如何配置不显示nginx名字(Nginx安装完成没有生成sbin目录的解决方法)
- tomcat docker 性能(Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作)
- 宝塔面板phpMyAdmin错误教程(宝塔面板phpMyAdmin报错502 Bad Gateway nginx解决方法)
- nginx安全配置提示(wdcp Linux面板nginx启用gzip后js未压缩解决方案)
- 原创图画书,以儿童视角讲述中国故事(以儿童视角讲述中国故事)
- 八月再见 愿你岁月不扰,余生静好(八月再见愿你岁月不扰)
- 赏读 八月再见,九月你好(赏读八月再见九月你好)
- 散文 八月再见,九月,我在风中等你(散文八月再见九月)
- 8月再见 9月你好(8月再见)
- 魔兽世界 设计师爆料,原始版本并无PVP,跨阵营属于返璞归真(魔兽世界设计师爆料)
热门推荐
- css选择器一般写多少(深入理解CSS选择器优先级)
- sqlserver分组查询(sql server如何利用开窗函数over进行分组统计)
- font-size:100%什么意思
- 5.6以上版本mysql数据复制(MySQL5.7并行复制原理及实现)
- Array.ConvertAll数组间转换
- vue3.0 如何使用useroute(详解vue3中setUp和reactive函数的用法)
- 301重定向如何设置
- 阿里云服务器怎么连接远程桌面(如何阿里云服务器Windows系统远程桌面端口)
- vnc连接linux黑屏(阿里云服务器VNC无法连接及黑屏的原因)
- vue中怎么触发复选框的点击事件(vue点击弹窗自动触发点击事件的解决办法模拟场景)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9