sw precache - Laufzeit-Caching für das Laden von Assets aus verschiedenen Domänen

Question

Ich benutze sw Precache, um meine Service-Mitarbeiter zu verwalten. Lassen Sie uns sagen, meine Website ist abc.com und der Service-Mitarbeiter läuft auf dieser Website und geladen von url abc.com/service-worker.js

Alle css und js werden von verschiedenen URL für Optimierungszwecke geladen werden sagen uns

Jetzt im Laufzeit-Cache xyz.com wenn ich

{ 
    // See https://github.com/GoogleChrome/sw-toolbox#methods 
    urlPattern: '*.css', 
    handler: 'fastest', 
    // See https://github.com/GoogleChrome/sw-toolbox#options 
    options: { 
    cache: { 
     maxEntries: 20, 
     name: 'css-cache' 
    } 
    } 
} 

Diese CSS bieten nur von url abc.com/style/style.css Caches und nicht xyz.com/style/test.css

Ich habe versucht

{ 
    // See https://github.com/GoogleChrome/sw-toolbox#methods 
    urlPattern: 'https:\/\/xyz\.com\/*.js', 
    handler: 'fastest', 
    // See https://github.com/GoogleChrome/sw-toolbox#options 
    options: { 
    cache: { 
     maxEntries: 20, 
     name: 'js-cache' 
    }, 
    // urlPattern: /\.googleapis\.com\//, 
    } 
} 

aber alles vergebens. Wenn jemand mit dem gleichen Problem konfrontiert wurde, wird jede Hilfe in der richtigen Richtung sehr geschätzt.

Answer 1

Ich glaube, Ihr Problem besteht darin, dass Sie eine Zeichenfolge als URLPattern übergeben, wenn Sie eigentlich einen regulären Ausdruck übergeben sollten.

Also statt 'https:\/\/xyz\.com\/*.js' sollten Sie verwenden.