Question

美好的一天。

我在Nginx服务器中部署了一些vue应用程序，有时，当我更新我的应用程序时，由于其缓存，用户似乎无法访问新版本。

如何在不更改我的应用程序中具有的每个文件和组件引用的名称的情况下缓存我的Vue应用程序？我可以在我的项目中添加一个易于使用的npm插件吗，或者可以在运行npm run build来创建其dist文件夹之前执行一些操作？我可以做些什么而不必调整我的webpack或nginx配置文件吗？

Answer 1

假设服务工作者/ pwa对此无济于事，则可以通过返回前端版本来实现该解决方案。

axiosConfig.js

axios.interceptors.response.use(
  (resp) => {
    let fe_version = resp.headers['fe-version'] || 'default'
    if(fe_version !== localStorage.getItem('fe-version') && resp.config.method == 'get'){
      localStorage.setItem('fe-version', fe_version)
      window.location.reload() // For new version, simply reload on any get
    }
    return Promise.resolve(resp)
  },
)

此处全文：https://blog.francium.tech/vue-js-cache-not-getting-cleared-in-production-on-deploy-656fcc5a85fe

我该如何缓存部署在Nginx中的Vue应用程序崩溃？

1 个答案: