Framework7 - 路由到 /login/ 不工作

如何解决Framework7 - 路由到 /login/ 不工作

我正在尝试通过 framework7 路由器呈现以下 login.html 页面，但不幸的是我收到 HTTP 404 错误

<div id="myapp">
     <div class = "views">
        <div class = "view view-main">
            <div class = "pages">
                <div data-name="login" class = "page stacked">
                   <div class = "page-content">
                        <div class = "login-screen-title">Login</div>
                        <div class = "list-block">
                                  <!-- Framework7 login form-->
                        </div>
                        <div class = "content-block">
                            <p><a href = "#" class = "button button-fill color-blue">Login</a></p>
                            <p><a href = "#" id="reset" class = "button button-fill color-gray">Reset</a></p>
                        </div>
                       
                    </div>
                    
                </div>
             </div>
                
             </div>
         </div>
          
          <script type="text/javascript" src="js/framework7.min.js"></script>
        <!-- Path to your app js-->
          <script type="text/javascript" src="js/my-app.js"></script>
</div>  
 

此外，在我的配置框架 7 文件 (my-app.js) 中，我有以下代码：

var app = new Framework7({
  // App root element
  el: '#myapp',// App Name
  name: 'My App',// App id
  id: 'com.myapp.test',view:{
    stackPages:true,},// Enable swipe panel
  panel: {
    swipe: true,// Add default routes
  routes: [
    {
      path:'/login/',//pageName:'login',url:'./login.html'
    },],});

var mainView = app.views.create('.view-main');
   

有什么可以帮助我的想法吗？

问候

解决方法

请在登录按钮中指定网址，如下所示：

<a href="/login/" class="button button-fill color-blue">Login</a>