服务器加载不了css怎么办-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

服务器加载不了css的解决办法：1、在项目发布时，清除下服务器上对应项目的缓存；2、在引用css和js文件后加上一个随机数；3、直接修改引用的css和js文件名称。

本教程操作环境：Windows7系统、css3版本，该方法适用于所有品牌电脑。

推荐：《css视频教程》

服务器加载不了js和css的原因是什么？怎么解决？

出现这种情况的原因：

1、服务器的项目中对应的缓存文件没有清除，导致客户端到服务器读取的还是之前缓存的js和css文件（未修改之前的代码）

2、客户端的浏览器没有清除缓存，或者缓存清除不干净，还有缓存存在，导致浏览网页时，读取的还是本地缓存的css和js文件，没有去服务器上面读取最新的css和js文件

解决方法：

1、针对第一种情况，一般项目发布时，都会清除下服务器上对应项目的缓存，如果发布的时候忘记清除了，记得要清除一下，因为我之前就是这样，没有清除服务器上面的缓存，导致客户端读取的还是服务器上的缓存文件，所以修改的代码就没有生效

2、针对第二种清除，如果已经确认服务器缓存清除了的话，不是服务器缓存问题，那么可以考虑在引用css和js文件后加上一个随机数（也称之为版本号）如：

1 2	`<script type="text/javascript"` `src="<%=request.getContextPath()%>/JS/common.js?v=20180201"></script>` `<link href="<%=request.getContextPath()%>/CSS/Common.css?v=20180201"` `rel="stylesheet"` `type="text/css"` `/>`

3、第三种方式，如果以上两种方法都是没有用的话，那恭喜你了，，遇到了我没有遇到过的情况，，这种情况下，有种修改情况肯定是可以解决这个问题的，直接修改你引用的css和js文件名称，这样子应该肯定是可以的。

以上就是服务器加载不了css怎么办的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者