若依nginx配置(包含h5、管理后台前端、后端、以及https配置)

06-01 1304阅读

管理后台前端:.env.production 文件中写了前后端的路径

# 页面标题
VUE_APP_TITLE = xxxx后台管理系统
# 环境配置
ENV = 'staging'
# 后端路径
VUE_APP_BASE_API = '/uat-api'
# 项目访问路径
VUE_APP_BASE_URL = '/manage'

h5前端:

"h5" : {
        "router" : {
            "mode" : "history",
            "base" : "/travel-h5/"
        },

nginx:配置

# 指定 Nginx 主进程和工作进程的运行用户和用户组。
# 注意:使用 root 用户可能存在安全风险,建议在生产环境中使用低权限用户(如 nginx)。
user root;
# 指定 Nginx 的工作进程数,建议根据 CPU 核心数优化。
worker_processes 1;
# 指定错误日志的存储位置和级别(认路径 logs/error.log)。
error_log logs/error.log;
# 配置工作进程能同时处理的最大连接数。
events {
    worker_connections 1024;
}
# HTTP 模块配置
http {
    # 客户端上传文件的最大大小(500 MB)。
    client_max_body_size 500m;
    # 包含 MIME 类型文件,用于设置响应的 Content-Type。
    include mime.types;
    # 设置默认的 MIME 类型。
    default_type application/octet-stream;
    # 允许请求头中包含下划线(避免部分接口报错)。
    underscores_in_headers on;
    # 开启高效文件传输模式。
    sendfile on;
    # 连接的 keep-alive 超时时间(秒)。
    keepalive_timeout 65;
    # 隐藏 Nginx 的版本号,增强安全性。
    server_tokens off;
    # 测试环境的 HTTPS 配置
    server {
        # 启用 HTTPS 并监听 8081 端口。
        listen 8081 ssl;
        server_name localhost;
        # SSL 证书及私钥配置
        ssl_certificate /data/crt/file.crt;             # 替换为实际证书路径
        ssl_certificate_key /data/crt/file.key;         # 替换为实际私钥路径
        ssl_protocols TLSv1.2 TLSv1.3;                  # 限制使用 TLS 1.2 和 TLS 1.3
        ssl_ciphers 'TLS_AES_128_GCM_SHA256:TLS_AES_256_GCM_SHA384:TLS_CHACHA20_POLY1305_SHA256:...'; 
        ssl_prefer_server_ciphers on;                   # 优先使用服务器的加密套件
        # 禁用无效请求头限制
        ignore_invalid_headers off;
        # 允许客户端上传文件的大小(0 表示不限制)。
        client_max_body_size 0;
        # 禁用代理缓存
        proxy_buffering off;
        proxy_request_buffering off;
        # 静态文件配置
        location / {
            root /soft/app/uat/web/h5/dist;             # 静态文件根路径
        }
        location /h5 {
            alias /soft/app/uat/web/h5/dist;            # 将 /h5 映射到静态文件路径
        }
        # API 代理配置
        location /uat-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;
        }
    }
    # 后台管理系统 HTTP 配置
    server {
        listen 8082;
        server_name localhost;
        # 禁用无效请求头限制
        ignore_invalid_headers off;
        # 允许客户端上传文件大小(0 表示不限制)。
        client_max_body_size 0;
        # 禁用代理缓存
        proxy_buffering off;
        proxy_request_buffering off;
        # 静态文件根路径
        root /data/app/platform/web/dist;
        # 重定向到 /manage
        location = / {
            return 301 /manage;
        }
        # 前端路由处理,支持 SPA 项目。
        location /manage {
            try_files $uri $uri/ /index.html;
        }
        # API 代理配置
        location /uat-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;
        }
    }
}
若依nginx配置(包含h5、管理后台前端、后端、以及https配置)
(图片来源网络,侵删)
若依nginx配置(包含h5、管理后台前端、后端、以及https配置)
(图片来源网络,侵删)
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

相关阅读

目录[+]

取消
微信二维码
微信二维码
支付宝二维码