本地開發有時候需要調試靜態文件資源，無法直接訪問，可以通過配置本地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配置和訪問本地靜態資源內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！
