nginx反向代理丢失js、css问题

最新推荐文章于 2023-06-29 17:24:42 发布
最新推荐文章于 2023-06-29 17:24:42 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41082746/article/details/106728881
版权

因为用的是反向代理所以可能会发现资源文件找不到了，

所以可以把资源文件放到根目录，直接把

assetsPublicPath这个路径设置成网站的更路径，因为我们是用80访问，并且资源也在这里没有什么问题。

ip/80/路径

ip/student   ->ip/80/路径(ok)

 

其实不只有css,js,还有.woff .ttf文件哦，所以这样最好了，

8080对应的是单页面，80对应的是资源，也是 代理服务器（也是服务器，放资源没问题吧，哈哈哈）

子弹头99
关注
专栏目录
Nginx反向代理内网web系统找不到CSS，JS及图片问题解决方案
飞龙在天
04-04 1万+
一、背景介绍： 有个部署在内网的web单体应用，需要通过部署在DMZ区的Nginx访问到，由于需要复用现有的域名，所以只能是通过在Nginx上增加location的方式访问。 二、问题描述： 但是在访问的时候，发现通过location能够跳转到内网的web应用，但是显示的是空白页面，通过在浏览器上F12，发现是访问不到web应用的css，js和图片。 三、解决方案： 3.1解决方案一：在Nginx的location中增加请求头 在nginx的nginx.conf配置文件中添加如下配置 lo
nginx反向代理转发后页面中的js css文件无法加载
陌小白的博客
06-05 2129
故障现象：nginx做代理转发后，发现页面上的js css文件无法加载，页面样式乱了。 原因：没有配置静态资源 解决js css文件无法加载无法访问的问题 解决办法： 修改配置文件nginx.conf，在server字段中添加黄色标注部分 server { listen 80; server_name test.com; #charset koi8-r; access_log logs/opc.access.log m.
nginx找不到静态（css,js,html）文件404报错，root的解析
lwgkzl的博客
07-30 5万+
刚入门pythonweb的时候不知道nginx的配置文件为何物，也不知道怎么配置，找不到静态文件是很正常的。 首先举个栗子： 如果你web移植到服务器端后找不到静态文件，首先打开页面-》右键-》检查元素。 如果没有出现这些内容，看右上角红点，点击，如下，我有13个错误 然后把鼠标移到文件名上：如上图我的第一个文件是morris.css。鼠标放在上面会显示页面访问的完整路径。 我第...
nginx配置proxy_pass后，访问时路径丢失怎么办
Jonny的博客
10-28 7021
应用场景 当我访问blog.first-blood.cn的时候，proxy_pass转发到jonny023.github.io这个域名下去了，而jonny023.github.io/upload/hello.jpg这个文件我通过blog.first-blood.cn/upload/hello.jpg访问就出现404 解决办法 此时在nginx的配置文件下的location配置下面添加一句 ...
nginx配置反向代理后，网页可以正常访问，但是页面上的js css文件无法加载
weixin_34226182的博客
07-02 4723
2019独角兽企业重金招聘Python工程师标准>>> ...
解决nginx反向代理缺少css,js文件的问题
最新发布
2201_76119904的博客
06-29 2228
直接粘贴到配置文件即可。
nginx 反向代理转发导致css，js，图片失效
weixin_34281537的博客
04-05 1368
为什么80%的码农都做不了架构师？>>> ...
nginx部署丢失JS，CSS，图片解决办法
hbysjw的博客
04-14 2797
网站找了很多例子都是在nginx.conf里面这么配置的 location ~ .*\.(js|css|jpg|jpeg|gif|png|ico|pdf|txt)$ { proxy_pass http://www.123455.com:8888; } 但是这样改了之后还是无法加载， 找了半天还是用下面的方法可以解决这个问题。 ...
nginx反向代理服务器1
08-08
【Nginx反向代理服务器】是Web服务领域中一种重要的技术，主要用于处理高并发的静态资源请求和实现负载均衡。Nginx以其高效的性能、低资源占用和丰富的功能深受IT行业的青睐。以下是对Nginx及其相关知识点的详细解释...
Nginx反向代理与负载均衡
Blog of Stevenux
01-11 2485
Nginx反向代理与负载均衡一. Nginx 反向代理1.1 反向代理介绍1.2 Nginx 反向代理1.2.1 Nginx 反向代理生产环境典型架构1.2.2 反向代理配置参数1.2.3 Nginx 反向代理示例将 http 请求代理到单台后端服务器代理时指定 location反向代理的缓存功能非缓存场景压力测试在代理服务器配置缓存访问并验证缓存开启缓存后压力测试加头部报文信息验证头部信息1.2...
nginx反向代理
C_iao_的博客
08-20 314
反向代理与正向代理区别：正向代理: 用于代理内部网络对internet的连接请求(如VPN/NAT),客户端指定代理服务器,并将本来要直接发送给目标Web服务器的HTTP请求先发送到代理服务器上, 然后由代理服务器去访问Web服务器, 并将Web服务器的Response回传给客户端。所谓的正向代理就是代理服务器**替代访问方【用户】**去访问目标服务器【服务器】反向代理。...
使用nginx 做反向代理时关于数据丢失的问题
gezuowei的专栏
07-17 5367
最近在使用nginx 做反向代理时发现，最终返回的页面存在数据丢失的问题，最终发现问题所在 部分配置如下： server {         listen 10090;         server_name localhost;         client_max_body_size 100M; proxy_buffer_size        16k; proxy_buffer
Nginx相关 解决nginx反向代理后页面上的js/css文件无法加载
z1yz1yz1y的博客
11-05 899
解决nginx反向代理后页面上的js/css文件无法加载 location ~ \.php$ { proxy_pass http://127.0.0.1:8000; include naproxy.conf; } location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; pro
nginx 做反向代理，图片/资源找不到问题
如果说你每一步都细心的话，其实你的效率是很快的
10-31 5578
对工程进行反向代理，但是发现只有工程图片加载不出来（404），原因是nginx.conf 配置文件头上没有加  user  root; 导致没有权限去访问ngxin 的 temp 文件下文件 详情看下图 没有权限访问 /usr/local/nginx/proxy_temp/1/02/0000000021 路径 所以： ...
解决nginx部署后css、js、图片等样式不加载的问题
热门推荐
叶新东老师的博客
09-02 9万+
这里有2种方案可以解决，这里只介绍第一种，第二种我也没试过，但是觉得应该可行 1、修改nginx的conf配置文件 2、更改web服务器contextPath为ip+端口的方式，举例：HttpServletRequest.getContextPath(); 使用nginx的反向代理后，发现页面能正常跳转，可是css、js和相关的图片就是不出来,如下图 查看了a标签内的链接发现，c...
nginx 解决css、js请求路径无法加载问题
a253508360941177的博客
05-15 1198
location / { proxy_pass http://jfinaldemo; root /usr/share/nginx/html; index index.html index.htm; client_max_body_size 1000m; proxy_s...
nginx配置拒绝直接访问js文件
11-18 5870
突然想到的问题，允许页面引用外部js文件，但是不能直接在浏览器地址栏里访问，web服务器应该如何配置。
nginx代理找不到路径
Z_taozi1996的博客
03-26 1335
在配置文件中的proxy_pass后加上你的工程名 该url会指向你的该工程 在配置文件中的proxy_pass后加上你的工程名和方法名 该url会指向你工程里的具体方法 ...
nginx设置反向代理后，页面上的js css文件无法加载
qq_30839733的博客
04-22 3497
问题现象： nginx配置反向代理后，网页可以正常访问，但是页面上的js、css和图片等资源都无法访问。 （1）nginx配置如下： （2）域名访问：js css文件无法加载； （3）IP访问：js css文件可以正常加载； （4）CI框架下无法访问 location / { proxy_pass http://127.0.0.1:88; ...
利用Nginx反向代理解决HTTPS调试问题
Nginx反向代理的作用在于将外部请求分发到内部服务器，允许前端请求通过代理服务器转发至本地开发环境，同时解决了跨协议问题。Spring Boot虽然内置了HTTPS支持，但对现有项目代码进行改造可能会不够优雅。因此，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值