Nginx 反向代理 静态资源404问题

69.上线部署(nginx) 概念:把动态请求和静态请求分开,不是讲动态页面和静态页面物理分离,可以理解为 Nginx 处理静态页面,Tomcat 处理动态页面。概念:nginx 接收到客户端请求,转发到不同的服务器去处理。实际上已经配置好了,前面我们配置完成后就是动静分离了~作用:利用反向代理解决跨域问题。实战:解决项目上线时的跨域问题。作用:提高传输效率,节约带宽。 阅读详情

Nginx 反向代理web服务,静态资源问题处理

前情提要,这是我在上班摸鱼的时候,之前的开发的同事在群里问题的一个问题,之前我也没有处理过,就帮着处理了一下,下面把处理情况分享出来

1.nginx下载安装略
这里介绍的很详细
2.nginx反向代理

location /admin/ {
		 proxy_pass http://127.0.0.1:8080/;
		 
	}

最简单的反向代理
现在是这访问一下http://…:80/admin/
在这里插入图片描述
能成功访问,但是静态资源就是访问不到,原因也很简单,因为我们代理的项目对应这admin这个匹配条件,但是静态资源的请求没有这个条件
现在我们增加配置试试

	#html|htm|gif|jpg|jpeg|bmp|png|ico|txt|
	location ~ /js/.*\.(js|css)$
    { 
        proxy_pass http://127.0.0.1:8080;
        rewrite ^/admin/js/(.*)$ /js/$1 last;
       # expires      7d; 
    } 

在次尝试访问
在这里插入图片描述
发现js和css可以了,原因是我们在正则表达式中就匹配了js和css,现在增加png,在访问
在这里插入图片描述
我们发现完全ok了
配置简单说明 我这里配置的js 是我静态资源的目录,也是我请求的目录,下面替换那里的admin/js 这个admin我代理的服务的匹配条件 直接修改为自己项目的静态目录的名字就可以直接使用了,如果项目中有更多形式的静态资源可以在正则表达式里面加,根据自己的项目的情况来判断

最后祝愉快~

Nginx 代理静态资源,解决请求跨域问题 Nginx 代理静态资源,实现请求同源,解决请求跨域报错问题。 阅读详情

相关推荐

9、Nginx前端自动化部署

按“概念 → reload 行为 → 部署脚本 → Vue 前端项目落地”的顺序说。

2302_81102841的博客 32

【Nginx】配置反向代理,解决静态资源无法访问问题

【代码】【Nginx】配置反向代理,解决静态资源无法访问问题。

yu57955的博客 6558

Nginx反向代理不能访问项目的解决办法

解决配置Nginx反向代理后,可以通过域名访问Linux下部署的Tomcat,但却访问不到部署的项目问题

6.Nginx静态代理

把所有静态资源的访问改为访问nginx,而不是访问tomcat,这种方式叫静态代理。因为nginx更擅长于静态资源的处理,性能更好,效率更高。所以在实际应用中,我们将静态资源比如图片、css、html、js等交给nginx处理,而不是由tomcat处理。我们将静态资源放入 /opt/static 目录下,然后用户访问时由nginx返回这些静态资源。所以实际路径就是 /opt/static/myweb == /myweb。此时图像就在/opt/static/myweb/image目录下面。

weixin_59334478的博客 6468

Nginx实现静态资源的反向代理实例

github 中很多项目都有一个 readme 文件,很多人喜欢在文件中添加自己的创作或封面图片,比如 substack 为他的每个项目绘制了一个 logo。这些图片在 github 中能直接在页面中显示出来,不过 url 被替换成了 github 自己的。比如在 browserify 项目中,logo 的链接变成了 代码如下: https://camo.githubusercontent.com/e19e230a9371a44a2eeb484b83ff4fcf8c824cf7/687474703a2f2f737562737461636b2e6e65742f696d616765732f627

Flutter蓝牙开发实战:flutter_blue_plus核心功能与实现原理剖析

本文深入剖析了Flutter蓝牙开发插件flutter_blue_plus的核心功能与实现原理。文章从源码解析入手,详细讲解了蓝牙状态管理、设备扫描、GATT连接、服务发现以及数据读写等关键流程的实现机制,并分享了实战中的性能调优与常见问题解决方案,帮助开发者高效构建跨平台蓝牙应用。

weixin_29014237的博客 444

nginx作为反向代理访问静态资源出现404问题

我的xxx.conf配置(win10) server {      listen 80;      autoindex off;      server_name image.imooc.com;      access_log c:/access.log combined;      index index.html index.htm index.jsp index.php; 

Calo_missile的博客 1万+

Cisco 路由器 打环测试教程

环 回测试是很常用的一种测试,通常用于检查和分析端口或线路问题。如下图所示,我们在设备端口上用命令loopback(某些端口上命令格式为 loopback diagnostic)使接口从内部将自己发送的信号转接到自己的接收端(如红线所示),通过检查数据发送和接收的情况来判断端口工作状态是否正常。如果 需要对端口进行完全的检测,可以使用符合标准的短跳线将端口收发短接构成环...

weixin_34304013的博客 2024

nuxtjs使用Nginx反向代理访问_nuxt目录静态资源404的问题

要把Nginx配置中的静态资源的规则全部去掉

hoyche的博客 3117

华为等安卓手机的vcf无法导入苹果的iCloud 通讯录

华为等安卓手机的vcf无法导入苹果的iCloud 通讯录

Guocean 8619

自己的搭建的slam机器人建图导航测试

1、前言 这里是对自己搭建的slam机器人建图导航的功能测试,原本并不想写这一篇的,因为每个小伙伴的需求都不一样,但是发现还是有同学有需求,于是就有了这一篇。本篇属于说明分享类文章,不涉及细节解释。按照步骤操作即可。 本次测试需要建图算法my_slam_gmapping、导航框架navigation、以及explore_lite功能包、mbot_teleop键盘控制功能包等。 环境:ubuntu mate 16.04 + ROS Kinetic 功能包下载:在公众号:小白学移动机器人,发送:建图导航测试,即

「小白学移动机器人」一个专注分享移动机器人相关知识的公众号! 8704

Nginx 刷新后 404 的原因与解决方案

问题解决方案前端 SPA 应用(Vue/React)刷新 404Nginxroot或alias路径错误确保root指向正确的静态文件目录浏览器缓存问题清除缓存、添加版本号、禁用 Nginx 缓存反向代理proxy_pass404确保proxy_pass语法正确,后端服务可用Nginx 配置修改未生效nginx -t检查语法,重启按照本文方法排查,相信可以快速找到Nginx 刷新后 404的真正原因,并顺利解决问题!

XMYX-0 1万+

图神经网络实战——利用节点回归预测网络流量

在机器学习中,回归指的是对连续值的预测。通常与分类形成鲜明对比,分类的目标是找到正确的类别(即离散值,而非连续值)。在图数据中,分类和回归分别对应于节点分类和节点回归。在本节中,我们将尝试预测每个节点的连续值,而非分类变量。

盼小辉丶的博客 1万+

Nginx 静态文件反向代理

文章目录一、反向代理之 `/` 的玄学二、反向代理之 "静态文件" 的处理 一、反向代理之 / 的玄学 代理路径后面加上 / http://www.rambo123.com/demo 访问 http://www.rambo123.com location /demo/ { # 注意后面加上反斜杠 proxy_pass http://www.rambo123.com/; } http://www.rambo123.com/demo/user 代理到 http://www.ramb

Rambo's Blog 2537

【数字孪生与仿真技术】14:数据驱动+机理模型:工业级混合建模实战(附MATLAB完整代码+案例解析)

摘要 本文针对工业建模中机理模型精度不足和数据驱动模型缺乏物理约束的痛点,提出混合建模技术作为解决方案。文章系统阐述了混合建模的3种主流架构(参数校正型、残差补偿型、组件替换型),结合清华大学催化裂化装置的实际案例,分析混合建模的工业应用价值。同时以连续搅拌反应釜(CSTR)为例,提供MATLAB环境下残差补偿型混合模型的完整实现代码,详细展示从机理模型构建到数据驱动补偿的全流程,并给出工程实践中的应对策略,为工业建模提供可落地的技术方案。 关键词 混合建模、机理模型、数据驱动、工业建模、MATLAB

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 624

【ComfyUI专栏】安装Triton组件

Triton是一款支持大模型推理的深度学习加速组件,最初仅支持Linux平台,现已通过开源社区适配Windows系统。针对SageAttention的安装,建议使用3.2.0Post10版本(该版本提供封装好的安装包,更高版本仅有源码)。用户可通过GitHub获取安装资源,或直接使用pip命令"pip install triton-windows"进行安装。安装时需注意:1)在虚拟环境中操作;2)使用管理员权限。相关资源链接已在文中提供。

技术与管理的平衡木- 1867

SpringBoot集成静态资源,nginx反向代理404

SpringBoot打Jar包集成静态资源,nginx反向代理报404的错误 网上找了很多相似的案例,但是解决方案众口不一,下面整理一下我的解决方案 在springboot的配置文件中加入下面配置 spring: resources: static-locations: classpath:/ 该配置可将静态资源文件放入项目包的根路径下,nginx可以直接访问 贴上我的nginx配置 upstream farm_api { server 127.0.0.1:8080;

wholve的博客 2570

2026年全国青少年信息素养大赛复赛真题(算法应用主题赛C++小学组:带解析)(7月4日试卷一)【文末附答案和解析】

2026年全国青少年信息素养大赛复赛真题(算法应用主题赛C++小学组:带解析)(7月4日试卷一)【文末附答案和解析】

王老师青少年编程 1738

解决打jar项目利用Nginx反向代理时出现的静态资源404问题

在Nginx的配置文件中进行如下配置

K_kzj_K的博客 1700

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

android 蓝牙通讯demo

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

Nginx反向代理实现Vue跨域注意事项

本文主要介绍了前后端分离项目基于Nginx实现反向代理的相关注意事项和作者遇到页面刷新404错误和反向代理配置不生效的解决方案

qq_39964887的博客 1075

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

nginx配置静态资源映射和反向代理

将文件上传 一般是在/var/www这个目录下 修改nginx的配置文件 vim /etc/nginx/nginx.conf 在http作用域下添加 server { listen 80; server_name 47.103.198.84; location / { root /var/www/feidian/feidian/; index index.html; } } 配置文件解释: server无需解释 listen表示监听哪个端口,当访问页面的时候默认访问80端

一条小黑龙的博客 2100

HoRain云--Nginx 刷新后 404 的原因与解决方案

文章主要探讨了在使用Nginx部署前端单页应用(SPA)时,页面刷新后出现404错误的原因及其解决方案。作者详细分析了可能的问题,包括静态资源路径配置错误、浏览器或Nginx缓存影响、反向代理配置错误等,并提供了相应的解决策略,如使用try_files指令、正确配置root或alias、清除缓存、添加资源版本号、正确设置proxy_pass等。此外,文章还强调了在修改Nginx配置后需要重启服务以确保更改生效,并建议通过查看Nginx日志来进一步诊断问题。最后,作者总结了各种问题的解决方案,并鼓励读者在遇到

sinat_57153473的博客 1万+

积木报表(JimuReport)二级域名部署静态资源404问题解决方案

积木报表(JimuReport)二级域名部署静态资源404问题解决方案 【免费下载链接】jimureport 「数据可视化工具:报表、大屏、仪表盘」积木报表是一款类Excel操作风格,在线拖拽设计的报表工具和和数据可视化产品。功能涵盖: 报表设计、大屏设计、打印设计、图形报表、仪表盘门户设计等,完全免费!秉承“简单、易用...

gitblog_01425的博客 1163

谷粒商城P139~140 nginx配置反向代理、动静分离

首先明白nginx的作用反向代理、负载均衡 改本机host文件,把域名和nginx服务器的ip地址对应起来,这样我们访问这个域名,浏览器就会向nginx服务器发起请求,我的nginx装在本机的docker里,所以host设置如下: nginx配置文件 nginx.conf gmall.conf ...

爱吃小香葱的博客 1025

warm-flow 生产环境静态资源 404,本地正常的原因与 Nginx 配置解决方案

静态资源如果已打入 Jar,Nginx 仅需代理,不需设置root或alias。只有静态文件放在窘盘上时,才使用aliasroot。结尾是否带会直接影响路径转发!很多线上 404 都是因为这个。这是一个“本地正常,生产 404”的经典问题。运行方式 + Nginx 转发规则 + 静态资源路径不一致。希望这次排际过程,能帮到遭遇相似问题的同学 🚀。

fendouweiqian的博客 387

nginx反向代理配置详解

nginx反向代理刷新404问题,以及静态资源404解决方法

青春正在燃烧的博客 423
上一篇: 自己遇到的403
user_path
博客等级 码龄8年 4粉丝 7原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值