4.4. 浏览器缓存问题

8.x

9.x 8.x 7.x 6.x 5.8 5.7 5.5 5.1

L01 Laravel 教程 - Web 开发实战入门 ( Laravel 8.x ) /

本教程最新版为 9.x，当前版本已放弃维护，请阅读最新版本！

问题描述

现代化的浏览器，会对静态文件进行缓存，静态文件在本课程的范畴内，指的是 .css 、.js 后缀的文件。这是一个浏览器的优化功能，极大地加快了网页的加载速度，但是在我们日常开发和维护中，有时候会造成混淆。

开发时，你明明修改了样式，但是刷新浏览器却看不见变化，然后你就来回不断地修改你的样式文件，做各种测试，浏览器页面仍然一成不变。直到你重新刷新好多次，或者修改样式文件名称时，才恍然大悟，原来是浏览器缓存了。

Laravel Mix 给出的方案是为每一次的文件修改做哈希处理。只要文件修改，哈希值就会变，提醒客户端需要重新加载文件，很巧妙地解决了我们的问题。我们只需要对 webpack.mix.js 稍作修改，即可使用此功能：

webpack.mix.js

const mix

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质，我们需要对课程进行收费。付费后才能观看剩余内容。购买

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

讨论数量: 4

JasonLi

5年前

17 个点赞 | 5 个回复 | 分享 | 课程版本 5.7

ChenYi

4年前

0 个点赞 | 3 个回复 | 问答 | 课程版本 6.x

xiaocao2017

5年前

0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7

王鲸弋

5年前

0 个点赞 | 1 个回复 | 分享 | 课程版本 5.7