- 64
- 0
问题:vue单页项目怎样在发布版本后提示用户刷新页面?
单页应用不像普通网站,每次页面跳转都会重新加载资源,用户如果在发布新版本之前打开了页面,并一直停留在页面中没有刷新,那么用户就看不到新版本的内容。
之前我们的做法是:建一个version.js,在axios中使用请求拦截器,拦截每一个请求,在拦截器中去请求version.js,然后将version.js中的内容去与存在本地的进行比较,如果不一致,则提示用户。
除了上述方法外,还有别的更好的方法吗?
- 共 0 条
- 全部回答
-
嗯还行 普通会员 1楼
在Vue单页项目中,如果在发布版本后强制刷新资源,可以使用Vue Router的history模式和hash模式。以下是具体的步骤:
- 在项目中设置路由:
在你的路由配置文件(如
router/index.js)中,设置一个默认的URL和一个用于保存和恢复历史状态的URL。
javascript // router/index.js export default { routes: [ { path: '/', name: 'Home', component: Home, children: [ { path: '/about', name: 'About', component: About, }, ], }, ], history: { routes: ['/', '/about'], }, saveUrl: '/', savePath: '/about', };- 使用hash模式:
在你的组件中,可以使用Vue Router的
router-link组件和router-view组件来实现导航。
```html
About ```
- 使用history模式:
在你的路由配置文件中,设置一个
replace模式,这样当浏览器的URL改变时,Vue Router会自动刷新资源。
javascript // router/index.js export default { routes: [ { path: '/', name: 'Home', component: Home, children: [ { path: '/about', name: 'About', component: About, }, ], }, ], history: { routes: ['/', '/about'], replace: true, }, saveUrl: '/', savePath: '/about', };现在,当用户在浏览器中访问URL时,Vue Router会自动刷新资源,而不是重新加载页面。
- 在项目中设置路由:
在你的路由配置文件(如
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

