nginx.conf配置两个前端路径

使用 Nginx部署前端项目 windows系统右键我们下方任务栏的黑色部分,打开任务管理器,看下nginx是否启动。,这是一个非常重要的文件,用来配置nginx服务器,默认的配置也存放在此。以windows版为例,下载后,将其解压到 本地的任一目录下;,把解压的文件放在里面,此时我们可以看到有如下目录。然后用vscode代码编辑器打开解压文件夹下的。 阅读详情

在实际的项目开发中,有时候难免会遇到内网开发,但是内网开发的话测试就没法在外网进行测试,这个时候我们就可以部署一个内网和一个外网的,这样就可以保证内网正常使用的同时,测试也可以使用外网进行测试,不会耽误进度


user  root;
worker_processes  auto;

error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

pid        logs/nginx.pid;


events {
	use epoll;
    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"';
	
	log_format  main  '$remote_addr - $remote_user [$time_local] "$request" "$request_time" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for" "$upstream_response_time"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;
	server_tokens off;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
	gzip on;
    gzip_proxied any;
    gzip_comp_level 4;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    gzip_http_version 1.1;
    gzip_vary on;
	
	client_max_body_size 10m;
    client_body_buffer_size 128k;
	
	proxy_redirect off;
    proxy_connect_timeout 300;	
    proxy_read_timeout 300;
    proxy_send_timeout 300;
    proxy_buffer_size 16k;
    proxy_buffers 4 32k;
    proxy_busy_buffers_size 64k; 
    proxy_temp_file_write_size 128k;
	proxy_temp_path /a/b/c/nginx/proxy_temp;

    server {
        listen       8080;
        server_name  服务器ip;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }
		
		#内网前端
		location ^~ /example/ {  
			alias /a/b/example/;
			try_files  $uri $uri/ /index.html;
		}
		
		#外网前端
		location ^~ /example-test/ {  
			alias /a/b/example-test/;
			try_files  $uri $uri/ /index.html;
		}
		
		#服务上传图片
		location /example/upload/file/ {  
			client_max_body_size 1000M;
			client_body_buffer_size 1000M;
			
			proxy_read_timeout 90;
			proxy_connect_timeout 90;
			proxy_send_timeout 90;
			
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;	
			
			proxy_pass http://服务器ip:服务端口号/file/;  
		}
		
		#服务后端
		location /a/b/ {
			client_max_body_size 1000M;
			client_body_buffer_size 1000M;
			
			proxy_read_timeout 90;
			proxy_connect_timeout 90;
			proxy_send_timeout 90;
			
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;	
			
			proxy_pass http://服务器ip:服务端口号/example/;
		}

        #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;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

从配置文件中可以看到,我们多配置了一个example-test,回头我们在/a/b路径下创建两个文件夹example和example-test,一个放内网的前端包,一个放外网的前端包,就可以解决问题

怎么用nginx部署多个前端项目 nginx部署多个前端项目流程 阅读详情

相关推荐

Nginx及前端部署全流程:初始化配置到生产环境部署(附Nginx常用命令)

目标:在xshell中部署前端包。第一步:下载nginx第二步:前端打包与创建具体文件夹路径第三步:配置nginx.nginx.conf文件第四步:配置nginx.service文件。第五步:启动nginx常用nginx命令在文末。

lplovewjm的博客 1369

Nginx 常用的基础配置(前端相关方面)

Nginx 常用的基础配置(前端相关方面)

chengbo_eva的博客 2468

Windows下Nginx前端部署常见问题与解决方案

Nginx作为高性能Web服务器,在前端项目部署中扮演着重要角色。其工作原理是通过事件驱动架构处理并发请求,特别适合静态资源托管和反向代理场景。在Windows环境下部署时,开发者常遇到端口冲突、路径配置等典型问题。通过分析error.log日志和使用netstat命令排查端口占用,可以快速定位问题根源。针对单页应用(SPA)如Vue/React项目,需要配置try_files规则确保路由正常。本文以'苍穹外卖'项目为例,详细讲解Windows系统中Nginx服务启动验证、配置文件调试等实战技巧,帮助开发者

weixin_30550081的博客 339

nginx部署多个前端项目

nginx部署多个前端项目

weixin_42333548的博客 1万+

Nginx配置多个访问路径

Nginx配置多个service 多个访问路径 找到conf/nginx.conf修改配置文件 #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 { client_max_body_size 20M; client_

Python自动化车载测试:5分钟搞定CANoe COM接口调用(附完整代码)

本文详细介绍了如何使用Python快速实现CANoe COM接口调用,完成车载测试自动化。通过实战案例展示ECU信号测试框架搭建,包括环境配置、核心架构解析、信号读写封装及多线程安全方案,帮助开发者5分钟内掌握高效测试技巧。

vv45678的博客 1134

如何使用nginx解决前端跨域问题

注:前端项目是用h5写的,在浏览器运行,因为浏览器的同源策略,调用接口时会出现跨域问题,现使用nginx解决这个问题(开发环境是在mac端) 1. 安装nginx brew install nginx nginx安装完之后可以使用nginx -v 来验证是否安装成功,如果出现版本信息则安装成功 2. 修改nginx.conf mac一般在/usr/local/etc/ngin...

sherry_chan的博客 1517

Altium AD20差分对走线设置方法

AD20的PCB差分对走线设置 1、原理图添加差分对 先在原理图中,讲要设置差分对的网络对添加网络标签。 名称前面的内容要相同,后缀用 _P 和 _N 加以区分。 最后使用 放置差分对,将两个网络标记。 2、编译,更改到PCB 编译,更新到PCB,确认差分对网络的出现。 验证更改,执行更改。将改动更新到PCB中。 PCB中,可通过 右下角 Panels - 调出 PCB 显示。来对已添加的差分对进行查看。 这时原本的走线有一点点小问题,需要删掉原来走线,设置差分对规则,并重新布线。

Mark_md的博客 3万+

如何在nginx中进行路径的重写并进行转发到指定服务器

路径重写后的请求,将会转发到后端的​​​​​​​http://192.168.xxx.xxx:8080服务器。开头,后面的请求路径任意,此时将原始的url路径重写为。"^~":表示普通字符串匹配上以后不再进行正则匹配。这里写的是一个正则表达式,代表如果请求路径是以。指代的就是通配符 .* 这一块的内容。proxy_pass:​​​​​​​反向代理。以/api/开头的请求,都会匹配上。rewrite:路径重写。

小小踏浪 4542

本地大模型5:在pycharm用python调用ollama本地大模型

python调用ollama本地大模型

weixin_74825941的博客 8377

Zynq UltraScale+ MPSoC-dp14 standalone

EDID HDCP AR# 64652 How to port the DisplayPort 1.4 TX subsystem example to a custom board dp v2.1 example design color format change DisplayPort-DP接口知识

zhuxl24的博客 2671

利用nginx同一端口部署多个前端(亲测有效版)

摘要:本文介绍如何在只开放单端口的情况下,通过Nginx部署多个前端项目。关键步骤包括:确保前端路由不冲突,打包时配置正确的publicPath,并修改Nginx配置,使用不同路径(如/app1/、/app2/)映射到对应的前端文件目录。配置时需注意路径末尾添加斜杠,避免文件路径错误。该方法可解决多前端项目单端口部署的需求,提升部署灵活性。

呼啦啦啦啦啦的博客 1901

小波变换(Wavelet Transform)原理及介绍

小波变换是一种多分辨率时频分析工具,克服了傅里叶变换无法定位时间信息的缺陷。通过可伸缩平移的母小波,它能同时捕捉信号的高频细节(短时特征)和低频轮廓(整体趋势)。其核心原理是利用不同尺度的小波基与信号进行内积运算,生成时频域系数矩阵。小波变换具有动态分辨率特性,高频部分时间精度高,低频部分频率分辨率好。主要应用包括瞬态事件检测、信号降噪、数据压缩(如JPEG2000)和压缩感知(如快速MRI)。

qq_42758052的博客 5493

针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

需要在Vue打包的时候配置不同的项目名称。 1:config下的index.js文件,assetsPublicPath参数 2:index.html文件增加meta 3:路由下的index.js文件 以上配置后打包上传到要部署的服务器对应文件夹,再配置nginx.conf文件 4:nginx.conf的server的配置 如上,多个前端项目,用多个location区分,...

qq_15238647的博客 1102

Spring AI Alibaba实战训练营-13语音生成应用开发指南

本文介绍了如何基于Spring AI Alibaba创建DashScope语音应用,支持文本转语音(TTS)和语音转文本(STT)功能。主要内容包括:1)环境准备要求Java 17+、Maven 3.6+及阿里云DashScope API Key;2)通过Spring Initializr创建项目并配置相关依赖;3)设置API密钥的安全配置方法;4)实现语音合成的同步和流式功能,包括创建控制器类、调用API接口及保存语音文件。文章提供了详细的代码示例和配置说明,帮助开发者快速搭建语音处理应用。

program哲学 403

PCL——KITTI数据集.bin文件转.pcd并可视化【2025最新版】

kitti数据集中的bin格式点云主要存储的字段为:`x`、`y`、`z`、`intensity`,对应于PCL中的PointXYZI。因此,只需将bin中的属性信息读取出来放入`PointXYZI`即可。本文给出简单易用的实现代码。博客长期更新,本文最近更新时间为:2025年1月11日。

点云侠的博客 3957

Windows 宝塔面板 Nginx 配置不生效、访问显示 Welcome to Nginx 及刷新 404 终极解决方案

在 Windows 环境下使用宝塔面板管理 Nginx 时,经常会遇到修改了配置文件但页面不更新,或者直接显示 Nginx 默认欢迎页的情况。本文将还原一次真实的排查过程,解决路径偏移导致的配置失效及前端 History 模式下的刷新 404 问题。路径为王:Windows 下 Nginx 对相对路径非常敏感,遇到问题优先检查nginx.exe的工作目录。强制刷新:调试时建议开启浏览器的无痕模式,并使用Ctrl + F5排除缓存干扰。面板局限性:当面板操作不生效时,命令行才是最真实的状态反馈。

多看书少吃饭的博客 918

Dify 第 7 篇 Dify 应用介绍 + 聊天助手&Agent 应用关键点说明

本文介绍了Dify应用的核心概念与使用方法。Dify是基于大模型构建的实际场景应用,提供API、WebApp和易用界面。包含5种应用类型:聊天助手、文本生成、Agent、对话流和工作流。创建方式有模板创建、空白应用和DSL文件三种。重点讲解了聊天助手和Agent应用的关键功能:聊天助手支持提示词优化、知识库引用、文件处理等;Agent应用则强调推理能力、工具调用和任务自动化。文章还详细介绍了应用的调试、发布和管理工具,为开发者提供了全面的应用构建指南。

甘蓝的专栏 1886

vue nginx部署 配置 解决href = ‘/login路由‘ 跳转404问题

nginx部署前后端项目,当a标签跳转指定路由页面时,前端访问跳转界面报错404,或者location.href = ‘/login’ 跳转报错404。配置后重启nginx,访问跳转路径无报错404。详情nginx配置如下。

情話微甜 的博客 1153

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

nginx配置php与前后端分离(文档只供本人观看,接受错误但勿喷!)

找到nginx.conf,或者是引用的配置文件,具体看nginx.conf文件内容的引用代码根据对应的修改 server { listen 80 default_server; listen [::]:80 default_server; server_name _; # ...

aro45499的博客 439

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

nginx部署前端项目

这里简单记录一下自己部署前端项目的过程。

抽象的螺旋 1919

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

前端 CSS JS REACT Web 轻量级服务器Nginx的手动配置使用

1、解压到桌面(路径很重要,访问的时候很容易出现输入路径不对), 2、找到文件夹conf下的nginx.conf文件并打开,修改第一个 location / {             root   html/dist;             index  index.html index.htm;         } 3、找到与conf同一级的目录下的html文件夹,打开后新建dist文件...

勤奋的小蜜蜂的博客 257

win11安装配置nginx并部署ruoyi前端

本文介绍了在Windows 11系统上安装配置Nginx并部署Ruoyi前端项目的步骤。主要内容包括:下载Windows版Nginx压缩包并解压;通过nginx.exe启动服务;介绍常用命令(停止服务和重新加载配置);重点讲解了Nginx的核心配置文件nginx.conf的修改方法,包括设置前端项目路径和API代理规则。文中提供了完整的配置文件示例,指导如何将Ruoyi前端打包的dist目录部署到Nginx中,并配置不同环境API的代理转发。

卿着飞翔 454

Nginx前端后端共用一个域名如何配置

在 Nginx 配置前端路由时,需要特别处理 history 模式,因为它依赖于 HTML5 的 pushState 功能,而不带 # 的路径直接被 Nginx 视为文件路径。$uri 是nginx 提供的变量,指当前请求的 URI,不包括任何参数,当请求静态资源文件的时候,命中 $uri 规则;在 Nginx 中配置前端和后端共用一个域名的情况,通常是通过路径或子路径将请求转发到不同的服务。后端 API 通过 example.com/api/ 访问。前端静态文件在 /var/www/frontend/。

Misnice的博客 1290

nginx反向代理

下面是一个完整的nginx.conf配置文件,其中配置了两个端口代理,18080和18081表示部署前端的访问端口,其中location里面的root就是前端的部署路径,location /api/ 这些表示代理到那个对应的服务器和端口。

caicaizhui的博客 252
上一篇: springboot项目多数据源配置
下一篇: 用户登录和退出,以及访问请求的token校验
NewBee.Mu
博客等级 码龄8年 602粉丝 379原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值