sw precache - 다른 도메인에서로드하는 자산의 런타임 캐싱

Question

sw precache를 사용하여 서비스 작업자를 관리하고 있습니다. 우리 사이트가 abc.com이고 서비스 종사자가이 사이트에서 실행 중이고 url abc.com/service-worker.js로로드했다고 가정합시다.

모든 CSS와 JS는 최적화 목적으로 다른 URL에서로드됩니다. 우리는 xyz.com 내가 제공하는 런타임 캐시에 지금

{ 
    // 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' 
    } 
    } 
} 

이는 URL의 abc.com/style/style.css에서 CSS를 캐시하고

을 xyz.com/style/test.css하지 말

시도했습니다.

{ 
    // 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\//, 
    } 
} 

그러나 모두 헛된 것입니다. 누군가가 똑같은 문제에 직면 한 경우 올바른 방향으로 어떤 도움을 주시면 감사하겠습니다.

Answer 1

정규식을 실제로 전달해야 할 때 urlPattern으로 문자열을 전달한다는 것이 문제라고 생각합니다.

따라서 'https:\/\/xyz\.com\/*.js' 대신 /https:\/\/xyz\.com\/*.js/을 사용해야합니다.