Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
vuexとvue-routerとあれこれ
Search
Tajima Sachiko
December 24, 2019
Programming
0
1.4k
vuexとvue-routerとあれこれ
#aizu_fun_lt の資料です。
Tajima Sachiko
December 24, 2019
Tweet
Share
More Decks by Tajima Sachiko
See All by Tajima Sachiko
ゼロから始めるアクセシビリティ啓蒙活動
schktjm
2
2.7k
CLUB p1ass を作った
schktjm
0
220
はじめての npm パッケージ作り
schktjm
0
280
E2E テスト入門
schktjm
0
470
Firebaseでお手軽OGP生成
schktjm
0
600
3時間でつくるいいかんじのポートフォリオサイト
schktjm
1
380
秋の大LT2019 in Aizu
schktjm
0
130
Treasure体験記
schktjm
1
500
Other Decks in Programming
See All in Programming
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
160
Lambda(Python)の リファクタリングが好きなんです
komakichi
4
240
AIコーディングの理想と現実
tomohisa
35
37k
Make Parsers Compatible Using Automata Learning
makenowjust
2
6.9k
Fiber Scheduler vs. General-Purpose Parallel Client
hayaokimura
1
290
AI時代の開発者評価について
ayumuu
0
230
flutter_kaigi_mini_4.pdf
nobu74658
0
140
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
10
3.7k
ニーリーQAのこれまでとこれから
nealle
2
160
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
kotaro666
0
110
オープンソースコントリビュート入門
_katsuma
0
120
Contribute to Comunities | React Tokyo Meetup #4 LT
sasagar
0
590
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
550
A better future with KSS
kneath
239
17k
How GitHub (no longer) Works
holman
314
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
410
Into the Great Unknown - MozCon
thekraken
38
1.7k
How to Ace a Technical Interview
jacobian
276
23k
We Have a Design System, Now What?
morganepeng
52
7.5k
Agile that works and the tools we love
rasmusluckow
329
21k
Done Done
chrislema
184
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Transcript
vuexとvue-router とあれこれ たじま ( @schktjm #aizu_fun_lt
メリークリスマス
今日言うこと - 自己紹介 - リロードの挙動とvuex - vuexのactionのエラーハンドリングの話 - 問題点 -
vue routerはすごい
自己紹介 - 田嶋幸智子 ( @schktjm - やってること - フロントエンド: Vue,
React, TS - 競プロ: 緑 - 好きなこと - スノボー - バイク
そもそも セッショントークンが切れている場合、読み込み時にAPIが401を返しなにも 見えないエラーが発生
そこで とりあえず、セッショントークンなど切れている場合ログイン画面に飛ばしたい。
App.vueのcreatedで トークンが無効 ↓ /login に飛ばす をするとエラーがconsoleに出力 されてしまう 改善案1
問題(再生できなかったらデモ
改善案2 vue-routerのナビゲーショ ンガード: 遷移時点( 画面が読み込ま れる前 ) でトークンが有効 かどうかを判定しログイン 画面に飛ばす。
実際のコード router/index.js
成功例 ( 再生でk(ry
そもそもの問題が 「リロード時にvuexのstoreの値が初期化されてしまう」から 始まった問題ですがvue-routerを深く理解できてよかったです
ありがとうございました!