本地開發(fā)有時候需要調(diào)試靜態(tài)文件資源,無法直接訪問,可以通過配置本地Nginx服務(wù)的方式來進(jìn)行,順便記錄一下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的靜態(tài)文件,否則會報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 {
# 監(jiān)聽端口
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)
- 配置端口和域名
# 監(jiān)聽端口
listen 8080;
# 綁定域名
server_name local.XXX.com;
指定入口文件和靜態(tài)文件路徑
#文件路徑和入口文件
location / {
root /usr/local/var/www;
index index.html index.htm;
}
如果有額外的API資源,通過proxy_pass綁定對應(yīng)的API資源地址
# 接口資源1
location /XXXapi/ {
proxy_pass https://api.XXX.com;
}
# 接口資源2
location /apiXXX/ {
proxy_pass https://api.XXX.com;
}
- 將靜態(tài)文件放入Nginx配置的文件路徑
- DONE,本地可以通過對應(yīng)的HOST打開靜態(tài)網(wǎng)站資源并訪問
到此這篇關(guān)于Mac環(huán)境Nginx配置和訪問本地靜態(tài)資源的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Nginx配置和訪問本地靜態(tài)資源內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!