laravelから送られたパスワードリセットのリンクをVue.js側でクリックしても画面のコンポーネントが読み込まれません。
現在、パスワードリセット機能を作っています。laravel標準のAuthです。
フォームでメアド入力 → メール送信 → メールの中のリンクをクリック → パスワード変更フォーム
という流れです。
メール送信してメールの中のリンクをクリックすることはできています。
ですが、Vue.jsのrouter.jsを動的パラメーターに変えても指定したコンポーネントが読み込まれずに画面が真っ白のままです。
メールの中のリンクをクリックしてパスワード変更フォームを開くにはrouter.jsでどのような書き方をすれば良いのでしょうか?
router.jsの書き方がいけないのでしょうか?
import Vue from 'vue'; import VueRouter from 'vue-router'; . . . Vue.use(VueRouter); Vue.use(store); // パスとコンポーネントのマッピング const routes = [ . . . // パスワードリセットフォーム画面() { path: '/password/reset/*', component: PasswordRecoveryForm, meta: { title: 'パスワード再設定フォーム' }, }, ]
メールないのボタンのリンク
http://localhost/password/reset/4843605c96ea3ccf554480de4d08dce4dc9c993b364253c122ab45c08879466b?email=1t-yamada%2B1%40example.com
あなたの回答
tips
プレビュー