получить изображения в файлах JSON - PullRequest
Новая
       20

получить изображения в файлах JSON

1 голос
/ 27 апреля 2019

Я пытаюсь создать интерфейс PWA в своем приложении Symfony, сейчас я создаю manifest.json и пытаюсь вызывать изображения из манифеста для определения значков, но вместо поиска изображений в моей общей папке для изображений , он принимает путь как URL

Та же проблема возникает в моем файле sw.js, так как я не могу связать страницы и файлы, которые я хочу кешировать мой manifest.json: 

 {
    "name": "Hello World",
    "short_name": "Hello",
    "icons": [{
        "src": "Agentassets/images/hello-icon-128.png",
          "sizes": "128x128",
          "type": "image/png"
        }, {
          "src": "Agentassets/images/hello-icon-144.png",
          "sizes": "144x144",
          "type": "image/png"
        }, {
          "src": "Agentassets/images/hello-icon-152.png",
          "sizes": "152x152",
          "type": "image/png"
        }, {
          "src": "Agentassets/images/hello-icon-192.png",
          "sizes": "192x192",
          "type": "image/png"
        }, {
          "src": "Agentassets/images/hello-icon-256.png",
          "sizes": "256x256",
          "type": "image/png"
        }, {
          "src": "Agentassets/images/hello-icon-512.png",
          "sizes": "512x512",
          "type": "image/png"
        }],
    "lang": "en-US",
    "start_url": "Agent/Agent.html.twig",
    "display": "standalone",
    "background_color": "white",
    "theme_color": "white"
  }

и вот мой sw.js 

var cacheName = 'hello-pwa';
var filesToCache = [
  "Agent/Agent.html.twig",
  'AgentInterface/css/style.css',
  'AgentInterface/js/main.js'
];

/* Start the service worker and cache all of the app's content */
self.addEventListener('install', function(e) {
  e.waitUntil(
    caches.open(cacheName).then(function(cache) {
      return cache.addAll(filesToCache);
    })
  );
});

/* Serve cached content when offline */
self.addEventListener('fetch', function(e) {
  e.respondWith(
    caches.match(e.request).then(function(response) {
      return response || fetch(e.request);
    })
  );
});
...