nginx准备
文本概述参考笔记
狂神:https://www.kuangstudy.com/bbs/1353634800149213186
前端vue打包
参考:https://blog.csdn.net/weixin_44813417/article/details/121329335
打包命令:
npm run build:prod
nginx 下载
网址:https://nginx.org/en/download.html
启动nginx
移动到Nginx目录,cmd , 命令 nginx
打包后的前端资源
Nginx配置
参考图:
参考:https://www.bilibili.com/video/BV1F5411J7vK?p=7&vd_source=55cd5d5c13852560ae72a7c800ee7b79
worker_processes 1;events {worker_connections 1024;
}http {include mime.types;default_type application/octet-stream;sendfile on;keepalive_timeout 65;server {listen 89;server_name localhost;location / {root D:/Developmentenvironment/dist/;index index.html index.htm;try_files $uri $uri/ /index.html?s=$uri&$args;error_page 405 =200 http://$host$request_uri;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 修正这里的拼写错误proxy_pass http://localhost:8080/;}# 处理错误页面error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}# 你也可以添加其他 location 块,处理不同的请求路径# 禁止访问 .htaccess 文件# location ~ /\.ht {# deny all;# }}
}
-
全局配置:
worker_processes 1;
: 指定Nginx启动时的工作进程数量,这里设置为1个。events
块定义了与事件处理相关的配置,worker_connections 1024;
表示每个工作进程允许的最大连接数。
-
HTTP 配置块:
include mime.types;
:引入了一个包含 MIME 类型定义的文件。default_type application/octet-stream;
:指定默认的 MIME 类型。
-
server 块:
listen 80;
:监听端口号为80。server_name localhost;
:指定服务器的名称。location /
块配置了根路径的处理:root html;
:指定根目录为html。index index.html index.htm;
:定义默认的索引文件。
error_page 500 502 503 504 /50x.html;
:指定处理服务器错误的页面。location = /50x.html { root html; }
:定义处理服务器错误的静态页面的路径。
nginx负载均衡配置
参考:https://blog.csdn.net/zpf1813763637/article/details/109455451
worker_processes 1;events {worker_connections 1024;
}http {include mime.types;default_type application/octet-stream;sendfile on;keepalive_timeout 65;upstream web_group {ip_hash; server 127.0.0.1:8080;server 127.0.0.1:8081;} server {listen 89;server_name localhost;location / {root D:/Developmentenvironment/dist/;index index.html index.htm;try_files $uri $uri/ /index.html?s=$uri&$args;error_page 405 =200 http://$host$request_uri;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 修正这里的拼写错误proxy_pass http://web_group/;}# 处理错误页面error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}# 你也可以添加其他 location 块,处理不同的请求路径# 禁止访问 .htaccess 文件# location ~ /\.ht {# deny all;# }}
}