当前位置：首页 > news >正文

Nginx反向代理-域名代理前后端项目部署流程

news 2025/6/28 2:41:16

一、下载Nginx

地址：https://nginx.org/en/download.html

1、稳定版本下载
在这里插入图片描述

二、Nginx配置
1、下载文件完成后，解压文件
在这里插入图片描述
2、打开文件目录下conf目录，打开找到nginx.conf

3、文件配置

注意：.conf 文件使用文本编辑器编辑后，启动Nginx可能会出现UTF-8编码报错的问题，我这里使用的VSCode进行编辑的

#user  nobody;
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;proxy_connect_timeout       600s;proxy_send_timeout          600s;proxy_read_timeout          600s;send_timeout                600s;	proxy_buffering on;proxy_buffers 8 10M;proxy_buffer_size 4k;proxy_busy_buffers_size 20M;server {#SSL 默认访问端口号为 443，使用443端口进行域名代理，访问时则不用再输入端口listen 443 ssl default_server;#请填写绑定证书的域名server_name **********.cn;#请填写证书文件的绝对路径。此路径仅供参考，具体请您按照实际目录操作ssl_certificate 域名证书目录/域名.cn_bundle.pem;#请填写私钥文件的绝对路径。此路径仅供参考，具体请您按照实际目录操作ssl_certificate_key 域名证书目录/域名.cn.key;ssl_session_timeout 5m;#请按照以下协议配置ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;#请按照以下套件配置，配置加密套件，写法遵循 openssl 标准ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;ssl_prefer_server_ciphers on;# 前端项目代理location / {# E:/web_sever/dist/index.htmlroot   E:/web_sever/dist;  # 网页打包后存放的文件目录路径index  index.html index.htm;  # HTML网页}charset utf-8;# 后端项目服务代理location /api {# 示例：proxy_pass http://127.0.0.1:7788;proxy_pass http://后端接口访问地址;proxy_redirect http:// $scheme://;proxy_connect_timeout   100000;proxy_send_timeout      100000;proxy_read_timeout      100000;proxy_set_header X-Real-IP $remote_addr;proxy_set_header Host $host:$server_port;proxy_redirect http:// $scheme://;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;client_max_body_size 100m;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}}