首页 > 解决方案 > Framework7如何路由为子页面

问题描述

我是新手,Framework7想将单页应用程序模板用作子页面并从另一个网页加载它,但是在尝试这样做时,主路由器没有加载,或者我没有正确加载?

所以默认路由如下所示。

routes = [
  {
    path: "/",
    url: "./index.php"
  },
[

现在我正在尝试像这样从外部页面捕获 id 来加载它

routes = [
      {
        path: "/:id/",
        url: "./index.php"
      },
    [

我的外部页面(不是 framework7 页面)链接是这样的。

<a href="/product/1/">View Product</a>

我也试过这个

 <a href="http:/localhost/products/product/1/">View Product</a>

但我收到默认页面 404 错误,而不是 Framework7 上的 404,这意味着路由未加载,任何建议都会很棒!

标签: javascripthtml-framework-7

解决方案


您是否尝试过将路线设为:

   routes = [
      {
         path: '/product/:id',
         url: 'somepage.html'
      },
     ]

带有路径的那个path: /:id将传递给索引一个 ID 而不是一个产品。

我认为加载一个单独的 F7 页面会比尝试覆盖索引页面更好


推荐阅读