I am trying to force a page to load from the server on each request. It appears to be cached and I cannot seem to make the ignore cache feature to work. I’m going back and forth between page 1 and page 2. Is this a known bug? Has anyone gotten this feature to work?
<!DOCTYPE html>
<html>
<body>
<div id="app">
<div class="view view-main view-init">
<div class="page">
<div class="page-content">
<a href="/admin/framework7/temp/2/" data-ignore-cache="true">Go to page 2</a>
</div>
</div>
</div>
</div>
<script src="/admin/framework7/js/framework7.bundle.min.js"></script>
<script src="/admin/framework7/temp/routes.js"></script>
<script src="/admin/framework7/temp/app.js"></script>
</body>
</html>
Here is my page 2.asp
<template>
<div class="page">
<div class="page-content">
This is page 2. Time is <%= Now %>
<br><br>
<a href="#" class="back">Go back to page 1</a>
</div>
</div>
</template> <script>page 2 script code goes here</script>
Here is my app.js
// Dom7
var $$ = Dom7;
// Framework7 App main instance
var app = new Framework7({
root: '#app', // App root element
id: 'io.framework7.testapp', // App bundle ID
name: 'Framework7', // App name
theme: 'auto', // Automatic theme detection
routes: routes,
view: {
xhrCache: false
}
});
Here is my routes.js
routes = [
{
path: '/admin/framework7/temp/2/',
componentUrl: '/admin/framework7/temp/2.asp'
}
];