Vue工作箱,不缓存特定的动态路由

时间:2019-12-19 11:45:05

标签: javascript vue.js vuejs2 service-worker workbox

如何禁止某些路由被服务工作者缓存? 例如,我有一个URL:https://someurl.com/emailValidate/1231231?email=some@email.com-emailValidate之后的内容是动态ID,这就是为什么我不希望路由/ emailValidate上的所有内容,并且之后不应由SW缓存的原因...

我尝试将其添加到vue.config中,但似乎没有做很多事情:

module.exports = {
pwa: {
    workboxPluginMode: 'InjectManifest',
    workboxOptions: {
        swSrc: './src/sw.js',
        swDest: 'service-worker.js',
        globIgnores: ['**/emailValidate', '**/passwordReset']
    },
    runtimeCaching: [
        {
            urlPattern: new RegExp('/emailValidate'),
            handler: 'NetworkFirst'
        },
        {
            urlPattern: new RegExp('/passwordReset'),
            handler: 'NetworkFirst'
        }
    ],
    navigateFallbackBlacklist: ['/emailValidate', '/passwordReset']
}

};

0 个答案:

没有答案