urlArgs解决Require.js浏览器缓存问题

codezha

于 2019-05-23 11:25:32 发布

阅读量816

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js基础前端文章标签： require.js urlArgs

本文链接：https://blog.csdn.net/codezha/article/details/90477204

前端同时被 2 个专栏收录

63 篇文章

订阅专栏

js基础

16 篇文章

订阅专栏

项目上线后，浏览器缓存可能导致代码未更新，简单办法是添加版本号。若用require.js加载文件，.tpl文件可直接加版本号，.js文件需用urlArgs解决。urlArgs是附加到URL的额外查询字符串参数，可破坏浏览器缓存，它也可以是函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

urlArgs解决Require.js浏览器缓存问题

通常项目上线后，可能会存在浏览器缓存导致代码未更新的问题，最简单的办法就是添加版本号，示例如下：

<script src="a.js?v=xx"></script>
<link rel="stylesheet" type="text/css" href="b.css?v=xx">

但是如果项目中是通过require.js加载的文件（js/tpl）的情况，.tpl文件可以直接在路径后添加版本号，.js文件直接添加版本号会报错，所以需要通过urlArgs解决版本号问题。

urlArgs:附加到URL的额外查询字符串参数，RequireJS使用这些参数来获取资源。

require.config({
    //固定版本号
	urlArgs: "v=xxxxx"
    //时间戳版本号
    //urlArgs: "v="+new Date().getTime()
});

通过以上任意一种方式都可以破坏浏览器缓存。

根据要求2.2.0，urlArgs可以是一个函数。如果是函数，它将接收模块ID和URL作为参数，并返回一个将添加到URL末尾的字符串。如果没有参数，则返回空字符串。一定要注意添加“？”或“&”取决于URL的现有状态，例如：

requirejs.config({
    urlArgs: function(id, url) {
        var args = 'v=1';
        if (url.indexOf('view.html') !== -1) {
            args = 'v=2'
        }

        return (url.indexOf('?') === -1 ? '?' : '&') + args;
    }
});