登錄成功之后的操作行為
- 將登錄成功之后的 token规辱,保存到客戶端的 sessionStorage 中
1.1 項目中出了登錄之外的其他API接口,必須在登錄之后才能訪問
1.2 token 只應(yīng)在當(dāng)前網(wǎng)站打開期間生效夺刑,所以將 token 保存在 sessionStorage 中
- 通過編程式導(dǎo)航跳轉(zhuǎn)到后臺主頁,路由地址是 /home
1. 將登錄成功之后的 token,保存到客戶端的 sessionStorage 中
1.1 項目中出了登錄之外的其他API接口,必須在登錄之后才能訪問
1.2 token 只應(yīng)在當(dāng)前網(wǎng)站打開期間生效徘意,所以將 token 保存在 sessionStorage 中
window.sessionStorage.setItem('token', res.token)
2. 通過編程式導(dǎo)航跳轉(zhuǎn)到后臺主頁,路由地址是 /home
this.$router.push('/home')
創(chuàng)建Home組件和到 router.js 路由里面設(shè)置路由規(guī)則
// 導(dǎo)入Home組件
import Home from './components/Home'
Vue.use(Router)
export default new Router({
routes: [
//訪問'/' 直接渲染想要的頁面
{ path: '/', redirect: '/login' },
// 增加登錄路由規(guī)則
{ path: '/login', component: Login },
// 增加Home路由規(guī)則
{ path: '/home', component: Home }
]
})