所有的js和css都报404

2024-09-01

js、css等引入文件路径正确，却报404的解决办法

问题的原因,一般是web.xml文件的过滤器给设置"/"或者"/*"全部拦截了,你可以这样设置过滤器,"*.html"等,就可以正常引用文件了,如图: <servlet> <servlet-name>SpringMVC</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servl

php laravel+nginx 除了根目录都报404 解决

在nginx的配置文件加 location / { try_files $uri $uri/ /index.php?$query_string; } 即可!!!!!!!

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

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

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

把JS和CSS合并到1个文件

合并JS文件和CSS文件很多人都知道,也用过,目的是为了减少请求数.但有时候我们觉的把JS合并到1个文件,CSS又合并到另外1个文件也是浪费,我们如何能把CSS和JS一起合并进1个文件了? 这里需要使用1个常见的注释符<!-- 主要是利用css,js解析器对<!-- 进行不同的解析来实现JS和CSS合并的. 1. CSS解析器会忽略<!--符号, 2. JS解析器会把<!--当作注释符号,与// 注释相同. 看看下面的列子: <HEAD> <

java Web程序使用wro4j合并、压缩js、css等静态资源

在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度,大大提升了用户体验. 所以,互联网各类网站,会通过各种手段,对静态文件进行合并.压缩,动静分离,使用CDN加速等.以此达到网站访问速度的优化.everycoding.com官网使用的是Java语言开发.因此使用了Java 方面的第三方Jar:wro4j来压缩Js.CSS.本文主要介绍Java We

Vue2之页面、js 、css分离

在编写vue的时候,页面数据少的时候,可以将所有的js和css都可以直接写在页面上,但是页面数据多,js.css的方法和样式多的时候,都放在一个页面的时候,就显得页面vue十分的臃肿. 所以写项目的时候,还是将其分离会比较合适,这样别的页面也可以引用该方法和样式. 直接上代码: 页面引用js(TestJs.js)和css(Test.css) <script> import test from '../pageJs/TestJs'; export default { ... test } <

生产环境，vue页面跳转的时候，js报404的问题

最近上线的一个vue项目,需要各种路由跳转,在开发和测试环境都没问题,但是在生产环境,发现后期更新代码的时候,有些机型(ios机型,暂未发现android有问题)跳转路由的时候,标题修改了,但是内容并没有显示.抓包后,发现跳转的时候,js文件报404. 在查阅资料后,找到了原因.因为怕影响首屏的加载速度,所以使用vue-router的懒加载机制,当用户刷新页面时,防止webpack打包后的js被缓存,会加一个哈希值,因此每次修改,会重新生成js文件名.但是用户大部分没有关机的习惯,因此更新代码后

web.xml中的dispatchservlet后，js，css，甚至gif都不能正常显示

这个可以说是很多初学Springmvc的人都会碰到一个令人头痛的问题那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了我们来看看我们配置的web.xml  <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.Disp

IntelliJ IDEA 文件夹重命名--解决重命名后js文件引用找不到路径报404错误

情景: 说明:ExtJS是我后来的改的名字--原来叫extjs,可是当我把在页面的引用地址改为 src="ExtJS/.."后页面就报404错误,我把它改回之前的extjs就可以(像上面的一样),这个小问题真心烦,百度也没有. 后来我又改个名字,这时候留意了: 上面红框的选项勾选就可以了.

laravel路由不生效,404,除了/ 都不行,关于nginx环境下laravel除了默认路由都出现404报错的处理方法

其实出现这个问题只会出现在laravel被部署在二级目录中,其原因是,除了请求根目录/ (http://www.xxx.com/public/),会请求public/index.php 你在浏览器输入其他路由地址时,会把你的请求定位到:http://www.xxx.com/index.php 里面,自然都是404了官网也有解决办法: https://laravel.com/docs/5.0/installation#pretty-urls 打开nginx的配置文件,在location中添加上t

thinkphp配置到二级目录，不配置到根目录，访问除首页的其他路径都是404报错

1.在nginx的配置里面,进行重定向 vi /etc/nginx/conf.d/default.conf 2.进入编辑 location /thinkphp/public { if (!-e $request_filename){ rewrite ^/thinkphp/public/(.*)$ /thinkphp/public/index.php?s=$1 last; } } 这样访问ip/thinkphp/public/index/index/index,会报404,但是会转去请求 /thi

springMVC配置时，静态资源和jsp文件路径没错但是访问时controller的请求报404错误。

springMVC配置时,静态资源和jsp文件路径没错但是访问时controller的请求报404错误. 1.场景如果在web.xml中servlet-mapping的url-pattern设置的是/,而不是如.do.表示将所有的文件,包含静态资源文件都交给spring mvc处理.就需要用到<mvc:annotation-driven />了.如果不加,DispatcherServlet则无法区分请求是资源文件还是mvc的注解,而导致controller的请求报404错误. <ser

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

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

IE和firefox火狐在JS、css兼容区别

1.firefox不能对innerText支持. firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了.如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替. 2.禁止选取网页内容: 在IE中一般用js:obj.onselectstart=function(){return false;} 而firefox用CSS:-moz-user-select:none

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

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

SpringMVC中用@ParamVariable传递的参数包含斜杠(/)时，匹配不了报404错误的解决方案

今天做网站[标签]筛选功能时,出现了这么个奇葩的问题. 我是直接通过<a>标签中href来跳转的,url中包含汉字 <a href="/tags/标签A">标签A</a> 后台代码是这样的: @RequestMapping(value = "/tags/{tagname}") public String tags(@PathVariable String tagname) { // ISO-8859-1 ==> UTF-8

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

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

js操作css样式，null和undefined的区别？

1.js操作css的样式 div.style.width="100px"在div标签内我们添加了一个style属性,并设定了width值.这种写法会给标签带来大量的style属性,跟实际项目不符. 我们没有让css和html分离所以如果为了获取css样式 window.getComputedStyle()获取经过计算机计算所有的属性,就是渲染出来的都是经过计算的. getComputedStyle()第一个参数是当前元素,第二个一般我们写null 并且这个方法是只读 Ie6-8不支持

11-13 js操作css样式

1.Js操作css样式 Div.style.width=”100px”.在div标签内我们添加了一个style属性,并设定了width值.这种写法会给标签带来大量的style属性,跟实际项目是不符. 我们没有让css和html分离. 所以如果是为了获取css样式 window.getComputedStyle() 获取经过计算机计算的所有属性就是只要渲染出来的都是经过计算的. getComputedStyle()第一个参数是当前元素,第二个一般我们写null,并且这个方法是只读, Ie6-8 不

js中css样式

1.js操作css样式例如 div . style . width=“100px”. 就是在div标签内我们添加一个style属性,并设定了width值,这种写法会给标签带来大量的style属性,跟实际项目是不符合的,我们没有让css和html分离. 所以如果是为了获取css样式用 window . getComputedStyle( ) 获取经过计算机计算的所有属性. 只要渲染出来的都是经过计算的 getComputedStyle( ) 第一个参数是当前元素,第二个一般我们写null ,