У меня есть ионное приложение с полноэкранным фоновым изображением, и когда я перемещаюсь по одному и тому же маршруту с разными параметрами, фоновое изображение мерцает.
В целях тестирования я использовал URL изображений pixabay, и эффекта мерцания не было вообще, теперь, когда я использую свои локальные (в приложении) сохраненные изображения, он мерцает. (Изображения небольшого размера, около 200 КБ). Итак, я предполагаю, что есть какая-то проблема с кэшированием?
Реализация фонового изображения:
<ion-content
[ngStyle]="{'background-image': 'url(' + sceneBackground + ')'}"
class="backgound-image ion-no-padding"
routerDirection="root">
Ссылка
<a class="fullLink"
[routerLink]="['/page', bId, cId, nId"
routerDirection="root"
*ngIf="content[currentPos].type !== 'index'">
Изображение с URL загружается без запроса, для локального изображения естьвсегда запрос, как я могу кэшировать локальный файл в ionic, чтобы предотвратить запрос?
URL-запрос:
Summary
URL: https://cdn.pixabay.com/photo/2016/08/11/23/55/redwood-national-park-1587301_1280.jpg
Status: 200 OK
Source: Disk Cache
Initiator:
platform-browser.js:2817
Request
No request, served from the disk cache.
Локальный запрос:
Summary
URL: http://localhost:4200/assets/scenes/scene-office.jpg
Status: 304 Not Modified
Source: Memory Cache
Address: 127.0.0.1:4200
Initiator:
platform-browser.js:2817
Request
GET /assets/scenes/scene-office.jpg HTTP/1.1
Accept: image/png,image/svg+xml,image/*;q=0.8,video/*;q=0.8,*/*;q=0.5
Accept-Encoding: gzip, deflate
If-None-Match: W/"48bd6-1wY/xftZTec7f4u3zn/RZL/oTKg"
Host: localhost:4200
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Safari/605.1.15
Accept-Language: en-us
Referer: http://localhost:4200/red/1/77
Connection: keep-alive