2021-11-13 vue笔记-路由vue-router(三) vue动态路由和命名路由,vue-router历史模式

文章结构概览

• • • • 1.动态路由的概念
    • • 定义
      • 目的
      • 分类
      • 优点

    • 2.动态路由的使用步骤

    • • step1: 在router下的index.js文件中进行路由配置
      • step2: 进入user页面并点击对应的路径链接
      • step3: 在user模板页面中获取id参数的方式

    • 3.动态路由例子

    • • nowPlaying.vue
      • router/index.js
      • views/Detail.vue
      • 结果

    • 4.命名路由

    • • 用法
      • 示例: 接续上一个案例

    • 5.vue-router的history模式

    • • 5.1.vue-router支持两种运行模式：hash和history
      • 5.2.history模式的具体配置方式
      • • 前端配置部分
        • 服务端配置（以nginx为例）

1.动态路由的概念

定义

依据具体需求的不同，可选择性地加载相应的路由配置

    在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下路