路由管理

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

路由配置文件

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

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

使用路由场景