nginx js 和 css 404

2026-09-29

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$前面加上上面这段规

nginx js、css、图片及一些静态文件中出现 http://upstreamname:port 导致部分网页样式显示不正常

nginx js.css.图片及一些静态文件中出现 http://upstreamname:port 导致部分网页样式显示不正常 http://upstreamname:port/....../.......js 解决方法: 将@Url.StaticFile("“)修改为从根目录中替换了

nginx js、css多个请求合并为一个请求(concat模块)

模块介绍 mod_concat模块由淘宝开发,目前已经包含在tengine中,并且淘宝已经在使用这个nginx模块.不过塔暂时没有包含在nginx中.这个模块类似于apache中的modconcat.如果需要使用它,需要使用两个"?"问号. 来个范例:http://example.com/??style1.css,style2.css,foo/style3.css以上将原先3个请求合并为1个请求如果你担心文件被用户的浏览器缓存而没有及时更新,你依旧可以带上一个版本号的参数,如下:ht

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):

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配置 send_timeout 引发的js、css解析失败问题

错误情况是web界面排版错误,js.css文件加载失败,通过调试器查看js和css文件路径都是对的,而且可访问. 业务使用的是 nginx+php+mysql+redis的架构解决办法: 查了很多资料有的是路径问题,有的是 include /etc/nginx/mime.types;文件问题,都没有解决我对问题, 最终更改了send_timeout 的超时时间, (nginx.conf) send_timeout :后端服务器数据回传时间_就是在规定时间之内后端服务

(转)网站速度优化技巧：Nginx设置js、css过期时间

网站速度优化技巧:Nginx设置js.css过期时间原文:http://www.webkaka.com/blog/archives/Nginx-set-the-expiration-time-for-js-and-css.html 配置Nginx expires缓存实现性能优化原文:https://blog.webfsd.com/post_pei-zhinginx-expires-huan-cun-shi-xian-xing-neng-you-hua.html 网站设置Js.css等文件的过

Nginx设置Js、Css等静态文件的缓存过期时间

location ~.*\.(js|css|html|png|jpg)$ { expires 3d; } expires 3d; //表示缓存3天 expires 3h; //表示缓存3小时 expires max; //表示缓存10年 expires -1; //表示永远过期. 如果设置为-1在js.css等静态文件在没有修改的情况下返回的是http 304,如果修改返回http 200 http 304:自从上次请求后,请求的网页未修改过.服务器返回此响应时,不会返回

tomcat 无法加载js和css 等静态文件的问题

前段时间做了个网站,在本地tomcat测试都没有问题,但是部署到阿里云上之后,系统样式全没了.jsp等动态页面访问正常. 打开浏览器监控发现所有的css 和js 文件返回都是404 .直接访问单个的css 文件也同样是404.以为是路径错了,于是一一对了一遍各个文件的路径和服务器上 tomcat路径方面的设置发现路径没有问题.在网站更目录创建一个css文件和html文件均不能访问.确认不是网站路径的问题. 然后怀疑是tomcat 和 Apache 冲突了,或者可能是Apache 的设置不对.因

js,jquery,css,html5特效

包含js,jquery,css,html5特效,源代码本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全版本下载 CSS3实现手机移动端触屏向上拖动的提示箭头动画 jQuery+HTML5弹出创意搜索框层 html5手机端的点击弹出侧边滑动菜单代码纯css3艺术文字样式效果代码纯css3手机页面图标样式代码 jQuery自动与手动图片切换效果下载纯css3天气动画场景特效 HTML5填充颜色的f

Maven工程webinfo下面的JSP页面无法加载.js、.css文件的解决方案

--下面是我的工程路径 --我jsp的写法 -----启动工程,访问js文件的路径是这样的, href="http://localhost:8080/activiti/css/public.css" 怎么看都没毛病.但是提示404找不到. 所以判断是因为访问被拦截住了.最后分析查找得知,是因为在web.xml缺少了SpringMVC拦截设置. -----下面这段代码来源于其他博客转载通过在web.xml中添加如下设置后,问题的得以解决: 注意: 下面这段代码,要写在引入springM

php gizp压缩传输js和css文件

1. [代码][PHP]代码 <?php /** * 完整调用示例: * 1.combine.php?t=j&b=public&fs=jslib.jquery,function * * 该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js * * 2.combine.php?t=j&fs=jslib.jquery,function

VUE打包发布后无法访问js、css资源

在vue开发中,本地测试以及测试环境中都没有遇到问题,当发布生产,有虚拟路径时,便出现js.css均报错404: 首先在config的index.js文件中,将assetsPublicPath修改为'./',如下图: 然而打包发布后发现放在assets文件夹中的图片资源又报404,观察那个路径,发现多了一层statics/css/img的路径,我们要找到build文件中的utils.js,在如下所示地方新增一条publicPath为'../../': 重新打包发布,正常运行!

Nginx网络压缩 CSS压缩图片压缩 JSON压缩

一.序言使用Nginx作为web应用服务时,会代理如下常见文件:js.css.JSON.图片等,本文提供基于Nginx内置的压缩技术,提供网络请求响应速度的解决方案. 1.网络压缩原理网络压缩的原理是消耗CPU资源,减少文件在公网传输的大小,提高响应速度.相比于CPU的计算资源,网络带宽通常较为昂贵,因此通过CPU资源置换网络带宽资源在实际生产中是可行的操作方案. 二.网络压缩此部分所有的压缩内容在浏览器端都会还原,特别需要指出的是图片,图片在网络间是压缩状态传输的,到达浏览器后是会被还原

参考bootstrap中的popover.js的css画消息弹框

前段时间小颖的大学同学给小颖发了一张截图,图片类似下面这张图: 小颖当时大概的给她说了下,其实小颖也不知道上面那个三角形怎么画嘻嘻,给她说了DOM结构,具体的css让她自己百度,今天小颖自己参考bootstrap中的popover.js的css画了下那个消息弹框,希望对大家有所帮助.小颖最终画的图就是下面介个酱紫的具体的怎么实现的,大家请看下方的css代码哦. html: <!DOCTYPE html> <html> <head> <meta charset=&

js或css文件后面的参数是什么意思？

经常看到不少导航网站测样式或js文件后面加了一些参数,主要是一你为一些并不经常更新的页面重新加载新修改的文件. 经常遇到页面里加载的js与css文件带有参数,比如: <script type="text/javascript" src="jb51.js?version=1.2.6"></script><link rel='stylesheet' href='base.css?version=2.3.3' type='text/css'

js设置css样式.

在js设置css样式做法 var obj = document.getElementById('div'); obj.style.width = '100px'; obj.style.height = '100px'; 但是上面的写法如果样式多了就会造成写了一堆的js于是有了封装函数的写法 var obj = document.getElementById('div'); function setStyle(obj, css) { for(var attr in obj){ obj.style[

MVC学习随笔----如何在页面中添加JS和CSS文件

http://blog.csdn.net/xxjoy_777/article/details/39050011 1.如何在页面中添加Js和CSS文件. 我们只需要在模板页中添加JS和CSS文件,然后子页面调用模板页即可. @{ ViewBag.Title = "用户注册"; Layout = "~/Views/Shared/_Layout.cshtml";} 第二句话便是指定该页面的模板页.我们只需要在模板页中进行js和css的引用. 下面来看_Layo

引用js或css后加?v= 版本号的用法

<span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) <script type="text/javascript" src="jb51.js?version=1.2.6″></script> <link rel='stylesheet' href='base.css?version=2.3.3′

Webpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案

文件的hash指纹通常作为前端静态资源实现增量更新的方案之一,Webpack是目前最流行的开源编译工具之一,其强大的功能也带来很多坑(当然,大部分麻烦其实都可以在官方文档中找到答案). 比如,在Webpack编译输出文件的配置过程中,如果需要为文件加入hash指纹,Webpack提供了两个配置项可供使用:hash和chunkhash.那么两者有何区别呢?其各自典型的应用场景又是什么?本文结合笔者工作中遇到的问题,简单记录一下以上问题的解决方案. 1. hash与chunkhash 首先我们先看一

grunt 单独压缩多个js和css文件【转】

原文地址:http://xiaomiya.iteye.com/blog/2177877 使用grunt来压缩前端js,css文件因为最近做的客户端本地项目有用到十几个js,js提交之前都需要压缩.用grunt压缩已经不是什么新鲜事了,,之前的项目用的是别人给我配置好的.所以也没有去深究.这次类型不同了不需要去上传只需文件压缩.所以下午自己去研究了下grunt确实很好用. 我们这里需要对js和css单独压缩.网上很多都是合并压缩.本人觉得多个js合并之后会存在隐形问题.还是喜欢单独压缩.下面的介

nginx js 和 css 404

热门专题