Routes.path in the link href wont work , links only work when they have class="back"

hi , im new to f7 here is my code (i removed .css files to make the code shorter )

<!DOCTYPE html>
<html>
<head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#2196f3">
    <title>My App</title>

</head>

<body>
<!-- App root element -->
<div id="app">

    <div class="view view-main" data-url="/">


            <div class="page" data-page="lab">
                <div class="page-content ">
                    <a href="/test/" id="test" data-force="true" data-ignore-cache="true" class="back" > TEST PAGE </a>
                </div>
            </div>

    </div>


</div>
<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="node_modules/framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="my-app.js"></script>
</body>
</html

here is my app.js

var $$ = Dom7;

var myapp = new Framework7({
    root: '#app',
    name: 'My App',
    id: 'com.myapp.test',

    routes: [
        {
            path: '/test/',
            name: 'test',
            url: 'http://localhost/skywin/client/f7/page/test.html',
        }
    ] 
});

 var mainView = myapp.views.create('.view-main' , {url: '/' ,  dynamicNavbar : true});

im using my browser and testing this in localhost , i have 2 problems

1 - the link in the view doesnt work unless i add class=“back” to the link … other wise if i click it nothing will happen but when i add back to the class on click i see ajax call fired … is it something normal ? in document only back button has this class

2 - in my app.js i have specified this route

  routes: [
            {
                path: '/test/',
                name: 'test',
                url: 'http://localhost/skywin/client/f7/page/test.html',
            }

but when i click on the link ajax call goes to

http://localhost/test/

obviusly my routes.path doesn’t work … what im doing wrong ?

This doesn’t make much sense on home page:

Must be just

<a href="/test/" id=“test”>TEST PAGE</a>

Also i see you have route with path: '/test/' but where is the route for your home / path?

thnx , i downloaded this template

and worked on this … it works now