解决vue-cli刷新页面时通过路由传递的参数消失问题

传递参数的方法:

1. 通过路由传递参数 ，有两种方法 params 和 query
2. 通过 cookie 传递参数

看别人说还有以下两种

1. 通过vuex进行状态管理 $store.state
2. 通过localStorage 传递

参数消失有两种原因 使用 params 传值 和使用 vuex(没有使用过)

先看代码

router/index.js

'''
routers:[
   {
   	path: '/',
   	name: 'index',
   	component: Index
   },
   {
   	path: '/sso/login',
   	name: 'login',
   	component: 'Login
   }
   ...
]

src/sso/index.vue

src/sso/login

解决方法

1. 使用query传值

src/sso/index.vue

缺点 : 使用 query 会把传递的参数显示在url中

在路由中加入参数

router/index.js

'''
routers:[
   {
   	path: '/',
   	name: 'index',
   	component: Index
   },
   {
   	path: '/sso/login/: name',
   	name: 'login',
   	component: 'Login
   }
   ...
]

传递多个参数时 path: 'sso/login/: name/: age/: sex

使用cookie (要考虑用户禁用 cookie 的情况)

src/sso/index.vue

src/sso/login