有没有办法防止 vue hot reload 进行过多的 API 调用？答案

【问题标题】：Is there a way to prevent vue hot reload from making too many API calls?有没有办法防止 vue hot reload 进行过多的 API 调用？
【发布时间】：2022-01-21 05:29:31
【问题描述】：

我是 vue 新手，刚开始做我的第一个项目。

在我的主要组件中，我在页面加载时对（有限的）API 端点有一个获取请求。每次我对代码进行更改时，页面都会刷新并进行新的 API 调用。

在使用热重载时避免过度使用网络请求的一些常见方法是什么？

【问题讨论】：

我认为没有通用的方法。如果你想避免额外的调用，显而易见的方法是缓存响应，甚至用静态数据模拟它们。

标签： vue.js vuejs3 webpack-hmr hot-reload

【解决方案1】：

有一些方法可以减少 api 请求，但这取决于上下文。假设这仅用于开发，并且您不希望在生产中使用任何 API 缓存，那么最好的方法可能是代理（或模拟）您的 API。

我通常只是设置一个自定义模拟服务器，所以不能保证成功，但看起来node-api-cache-proxy 可能有助于让快速服务器缓存您的 api 调用。然后你可以在你的 vue 配置文件中设置一个代理来指向代理而不是直接指向 API

【讨论】：