html单页自动清理缓存,HTML页面自动清理js、css文件的缓存(自动添加版本号)...

在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:

1、手动清除浏览器缓存

2、添加版本号(如 layout.css?v=1)

个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,

以下是本人收集的方法:

方法一:可以通过js自动给html添加版本号

document.write("");

方法二:若是jsp页面,可以使用java代码生成时间戳(若是jsp页面用方法一也行,但此方法更方便)

方法三:使用其他的方法添加版本号,如用node.js自动配置等

ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持网页设计。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nuxt.js是一个基于Vue.js的通用应用框架,可以快速构建单页应用和静态网站。它帮助我们在开发过程中进行代码分离、优化性能和部署网站等方面提供了很多便利。 在默认情况下,Nuxt.js使用的是Vue Router进行路由管理,并且路由地址都是没有后缀的,即不带有.html后缀。这是为了在构建出的静态网站中提供更友好的URL形式,提高搜索引擎优化(SEO)的效果。 如果你想要在Nuxt.js的路由地址中添加.html后缀,可以通过自定义路由配置的方式来实现。首先,在你的Nuxt.js项目根目录下新建一个`router.js`文件(如果该文件已存在则跳过此步骤)。 然后,打开 `nuxt.config.js` 文件,在 `router` 配置项中加入一行代码 `router: { middleware: 'router' }`。这样,就可以将自定义的路由配置应用到项目中。 在 `router.js` 文件中,你可以使用 Vue Router 的语法来定义路由。在需要添加.html后缀的路由地址上,可以通过 `alias` 字段进行指定。例如: ```javascript import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export function createRouter() { return new Router({ mode: 'history', routes: [ { path: '/home', alias: '/home.html', component: () => import('~/pages/Home.vue') }, // 其他路由配置... ] }) } ``` 在上述代码中,`alias` 字段指定了 `/home` 路由地址的别名为 `/home.html`。当用户访问 `/home.html` 时,会显示对应的页面内容。 这样,你就可以通过自定义路由配置,将Nuxt.js的路由地址添加.html后缀啦!请注意,添加.html后缀可能会影响到默认的Nuxt.js路由功能,所以要根据你的具体需求来决定是否使用该方式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值