路由管理

chameleon项目内置了一套各端统一的路由管理方式。

路由配置文件

src/router.config.json是路由的配置文件,内容如下:

{
  "mode": "history",
  "domain": "https://www.chameleon.com",
  "routes":[
    {
      "url": "/cml/h5/index",
      "path": "/pages/index/index",
      "mock": "index.php"
    }
  ]
}
  • mode 为web端路由模式,分为hashhistory
  • domain,当mode为hash时 domain为web端页面的最终访问地址,当mode为history时,mode为web端页面的域名。
  • routes 为路由配置
    • path为路由对应的cml文件的路径,以src目录下开始的绝对路径,以/开头。
    • url,当mode为hash时 url为web端页面地址对应的hash,当mode为history时,url为web端页面的路径。
    • mock为该路由对应的mock文件(仅模拟模板下发需要)
  • 小程序端,构建时会将router.config.json的内容,插入到app.json的pages字段,实现小程序端的路由。

  • 注: router.config.json中的domain指定页面最终线上地址,只是用于config.json的生成,真正决定web页面访问地址的还是取决于web服务器的配置。

注:apiPrefix、publicPath、router.config.json、chameleonUrl的关系

使用路由场景

results matching ""

    No results matching ""