路由管理

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端路由模式，分为hash或history。
• domain，当mode为hash时 domain为web端页面的最终访问地址，当mode为history时，domain为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的关系

使用路由场景

• 应用内路由
• 跨应用路由