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
1
490
ゼロから始めるアクセシビリティ啓蒙活動
schktjm
2
2.7k
CLUB p1ass を作った
schktjm
0
230
はじめての npm パッケージ作り
schktjm
0
290
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
バイラテラルアップサンプリング
fadis
3
670
なぜHono×GraphQLを選んだのか?
junichi_fukushima
0
720
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.2k
事業KPIを基に価値の解像度を上げる
nealle
0
180
技術的負債と戦略的に戦わざるを得ない場合のオブザーバビリティ活用術 / Leveraging Observability When Strategically Dealing with Technical Debt
yoshiyoshifujii
0
150
Duke on CRaC with Jakarta EE
ivargrimstad
1
540
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
techtver
PRO
0
580
SpringBootにおけるオブザーバビリティのなにか
irof
1
830
OpenTelemetryで始めるベンダーフリーなobservability / Vendor-free observability starting with OpenTelemetry
seike460
PRO
0
160
iOSアプリ開発もLLMで自動運転する
hiragram
5
1.9k
マイコンでもRustのtestがしたい/KernelVM Kansai 11
tnishinaga
1
990
型付け力を強化するための Hoogle のすゝめ / Boosting Your Type Mastery with Hoogle
guvalif
1
200
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Embracing the Ebb and Flow
colly
85
4.7k
Into the Great Unknown - MozCon
thekraken
38
1.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.8k
Scaling GitHub
holman
459
140k
Speed Design
sergeychernyshev
30
960
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
A better future with KSS
kneath
239
17k
Docker and Python
trallard
44
3.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
GraphQLとの向き合い方2022年版
quramy
46
14k
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を深く理解できてよかったです
ありがとうございました!