STEP 3 categories cache first

octo-webf · Nov 6, 2019 · 1d0ea1a · 1d0ea1a
1 parent 08028dc
commit 1d0ea1a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/services/octotv.js b/src/services/octotv.js
@@ -11,6 +11,7 @@ const getCategoryInformations = async (id) => {
   }
 }
 
+// the api call will be  cached (cache first)
 const getCategories = async () => {
   try {
     const result = await axios.get(`${OCTO_VHS_API}/categories`)

diff --git a/vue.config.js b/vue.config.js
@@ -12,7 +12,16 @@ module.exports = {
         runtimeCaching: [
           {
             urlPattern: new RegExp(`^${urlAPIToCache}$`),
-            handler: 'networkFirst',
+            handler: 'NetworkFirst',
+            options: {
+              cacheableResponse: {
+                statuses: [0, 200]
+              }
+            }
+          },
+          {
+            urlPattern: new RegExp(`^(${OCTO_VHS_API}/categories)`),
+            handler: 'CacheFirst',
             options: {
               cacheableResponse: {
                 statuses: [0, 200]
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,6 +11,7 @@ const getCategoryInformations = async (id) => { @@
       }
     }
+    // the api call will be  cached (cache first)
     const getCategories = async () => {
       try {
         const result = await axios.get(`${OCTO_VHS_API}/categories`)
@@ Expand Down @@