nginx 转发后 js css 404

2024-11-05

nginx访问css js 图片等静态资源，报404或无法定向访问到

配置完nginx,把php的项目放上去后,发现css,js和图片全部访问不到,一直重定向到根目录执行index.php,郁闷的在网上查了半天,原来不同后缀名的文件访问时都要在nginx.conf中声明规则,如下, location ~* .(jpg|gif|png|js|css)$ { root E:\Project\PHP\mobao; if (-f $request_filename) { expires max; break; } } 在location ~ \.php$前面加上上面这段规

Node.js前端程序通过Nginx部署后刷新出现404问题的解决办法

方案一 (这种方式容易被第三方劫持) location / { root /data/nginx/html; index index.html index.htm; error_page 404 /index.html; } 方案二 location / { root /data/nginx/html; index index.html index.htm; if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break;

JSP使用转发后引入CSS失效的解决方案

项目目录结构: 正常引入样式: 但是当经过JSP处理,使用转发时地址栏不变,再用此地址引用则会出现引用失败的情况正确使用方法: ${pageContext.request.contextPath}的作用是获取当前网站根目录,使相对路径变成绝对路径,从而让引用不会失效

Nginx 安装及配置、负载均衡https网站及转发后页面js、css等路径找不到问题、更换证书导致问题解决

官网下载nginx:http://nginx.org/en/download.html 安装nginx编译环境:yum install -y gcc-c++ 安装pcre库解析正则:yum install -y pcre pcre-devel 安装zlib库用于压缩解压缩:yum install -y zlib zlib-devel 安装openssl库:yum install -y openssl openssl-devel cd 到nginx解压目录编译(指定目录及支持ssl https):

一次悲催的nginx转发白屏经历

背景公司还有一个学习平台,由于公网地址问题,所以想用nginx转发一下,首先后端地址访问时没有问题的,一切正常. 用nginx转发后,访问nginx代理地址悲催了,出现了白屏. 排查过程首先贴出来我的nginx配置: server { listen 9005; port_in_redirect off; index index.jsp index.html; location / { proxy_pass http://111.111.111.111:9005; proxy_buffers

elk-Kibana设置登录认证-通过nginx转发（六）

一.kibana的登录认证问题 kibana是nodejs开发的,本身并没有任何安全限制,直接浏览url就能访问,如果公网环境非常不安全,可以通过nginx请求转发增加认证,方法如下: tips:kibana没有重启命令,要重启,只能ps -ef|grep node 查找nodejs进程,干掉重来. server { listen 80; server_name elk.yjmyzz.com; location / { auth_basic "secret"; auth_basic_u

nginx反向代理转发后页面上的js css文件无法加载【原创】

故障现象:nginx做代理转发后,发现页面上的js css文件无法加载,页面样式乱了. 原因:没有配置静态资源解决js css文件无法加载无法访问的问题解决办法: 修改配置文件nginx.conf,在server字段中添加黄色标注部分 server { listen ; server_name test.com; #charset koi8-r; access_log logs/opc.access.log main; location / { proxy_pass http://opcse

nginx设置反向代理后，页面上的js css文件无法加载

问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下找不到文件,需要单独指定js css文件的访问路径.

nginx 无法加载css/js图片等文件 404 not fund

刚配置Nginx反向代理,Nginx可能会出现无法加载css.js或者图片等文件,这里需要在配置文件*.conf里面加上如下配置项. location ~ .*\.(js|css|png|jpg)$ //这是是需要加载文件的正则过滤如果有其他文件再加上即可 { root D:/WWW/web/; //这是网站根目录 if (-f $request_filename) { expires 1d; break; } } 重启Nginx服务器,即可.

Nginx failing to load CSS and JS files (MIME type error)

Nginx failing to load CSS and JS files (MIME type error) Nginx加载静态文件失败的解决方法(MIME type错误) 上线新的页面,需要在nginx上配置路由, 配置完成后发现页面没有正常加载,提示:style.css未加载,因为其MIME类型“text / html”不是“text / css” : 线下nginx的配置是正常的,因此对比两者配置发现线上的ng的http 部分多了一行 add_header Content-Type '

http缓存策略-nginx只缓存js和css不缓存html

使用缓存,是提升web性能最重要的方式之一. 在开发单页面应用的时候,大量的单静态资源引用都是依赖于html这个文件的.例如: <!doctype html> <html lang="en"> <head><link href="/static/css/main.dfe5fa49.css" rel="stylesheet"></head> <body> <script

nginx设置反向代理后端jenklins，页面上的js css文件无法加载

转载 2017年06月14日 22:36:59 8485 问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css|jpg)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下

详解 nginx location ~ .*\.(js|css)?$ 什么意思？

语法规则: location [=|~|~*|^~] /uri/ { … } = 开头表示精确匹配 ^~ 开头表示uri以某个常规字符串开头,理解为匹配 url路径即可.nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格). ~ 开头表示区分大小写的正则匹配 ~* 开头表示不区分大小写的正则匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配的正则 / 通用匹配,任何请求都会匹配到. 多个location配置

vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决

一.vue 在nginx下页面刷新出现404 在网上翻遍了所有这样问题的解决办法,全都是一个解决办法也是正确的解决办法,(后来在vue官网上关于history方式出现404解决方法也是这样说的),只是没有表达完整,可能会让比较急于解决这个问题的人简单复制却始终解决不了问题 nginx正确的配置: 1.如果是在根目录则配置如下 location / { root /: index index.html; try_files $uri $uri/ /index.html} 2.如果是有特定目录 l

利用nginx concat模块合并js css

前言: nginx-http-concat模块是由淘宝网开发的,现在淘宝网合并js和css正是用这个模块,如链接http://a.tbcdn.cn/??s/kissy/1.2.0/kissy-min.js,p/global/1.0/global-min.js,p/fp/2012/core.js,p/fp/2012/fp/module.js,p/fp/2012/fp/util.js,p/fp/2012/fp/directpromo.js?t=2012080620120924.js就是合并了kiss

js动态加载js css文件,可以配置文件后辍，防止浏览器缓存

js的引用,在浏览器,或微信上访问经常会遇到文件改了,但就是没有更新的问题,使用此函数可以轻松解决缓存问题只需要把js的引用方式改为使用此函数加载即可源码如下: /** * js动态加载js css文件,可以配置文件后辍,防止浏览器缓存 * @param {obj} config 加载资源配置 * @param {string} version 资源后辍配置 */ function jsCssLoader(config,version) { this.css = config.css; thi

页面加载异常清除浏览器静态文件 js css 缓存 js动态加载js css文件,可以配置文件后辍，防止浏览器缓存

js清除浏览器缓存的几种方法 - 兔老霸夏 - 博客园 https://www.cnblogs.com/Mr-Rocker/p/6031096.html js清除浏览器缓存的几种方法一.CSS和JS为什么带参数(形如.css?t=与.js?t=)怎样获取代码 css和js带参数(形如.css?t=与.js?t=) 使用参数有两种可能: 第一.脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别. 即上面代码对于文件来说等价于但浏览器会认为他是该文件的某个版本! 第二.客户端

vue打包后js和css、图片不显示，引用的字体找不到问题

vue打包后js和css.图片不显示,引用的字体找不到问题:图片一般都是背景图片. 一.vue打包出现js和css不显示问题: 1.不使用mode:'history' 2.使用mode:'history'手动添加: dist包不是服务器跟目录,在index.htm里手动给js和css添加dist目录即可/dist/: 3.或者使用mode:'history'修改配置: config里面的index.js找到env: require('./prod.env')模块(新版本build: {),将下面

转发后找不到css

当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forward这个jsp时,就会发现这个css样式根本没有起作用. 这是因为在servlet中转发时css的路径就是相对于这个servlet的相对路径而非jsp的路径了. 所以这时候不能在jsp中用这样的路径: <link href="one.css" rel="stylesheet" type="text/css"> 或

Google Pagespeed，自动压缩优化JS/CSS/Image

Google Pagespeed,自动压缩优化JS/CSS/Image 浏览: 发布日期:// 分类:技术分享关键字: Nginx Appache Pagespeed 自动压缩优化JS/CSS/Image 这个周末,把服务器的Nginx升级了下,并加入了Google Pagespeed模块效果很明显: 页面加载的多个JS.CSS会自动合并压缩处理发现新版本的Pagespeed能很好的发现处理用户加载的第三方JS库,如jQuery 发现新版本的lazyload_images处理的很好注意:

centos环境配置（nginx，node.js，mysql）

1.安装 Install GCC and Development Tools on a CentOS yum group install "Development Tools" node相关官方网站下载stable源码安装包 wget https://nodejs.org/dist/v4.4.3/node-v4.4.3.tar.gz #解压node tar xzvf node-v* #make出错 yum -y install openssl openssl-devel #cento

nginx 转发后 js css 404

热门专题