Vue页面重复访问为何不再触发接口调用？

本文共计1401个文字，预计阅读时间需要6分钟。

目录 + 再次进入页面不会再次调用接口 + 实例 + Vue请求接口常用写法（axios）

1.在项目根目录下新建一个utils文件夹

2.在项目根目录下新建一个api文件夹，存放获取API的js文件

3.请求的数据

目录

• 再次进入页面不会再次调用接口请求
• 实际例子
• vue请求接口常用写法(axios)
• 1. 项目根目录下新建一个utils文件夹
• 2.在项目根目录下新建一个api文件夹存放获取api的js文件
• 3.请求的数据类型

再次进入页面不会再次调用接口请求

在vue实际项目中，很多时候会在mounted或者created请求数据接口然后渲染到页面上，但是这两个生命周期都是只会在第一次进入页面后执行，再次进入该页面时，由于vue-router的机制，会缓存已经加载过的页面数据这样会大大提高效率，所以我们使用$router.push等跳转操作时会发现已经在其他页面上修改的数据，跳转到这个页面，修改的数据并没有变化。

实际例子

a页面展示了一组数据，需要跳到另一个页面修改其中的一项数据然后用router.push再跳转回来。然而实际跳转回来a页面的数据并没有改变。