Wildcard React Router tidak cocok [duplikat]

Saya mencoba membuat aplikasi saya langsung ke komponen ketika pengguna mengklik tautan yang disediakan aplikasi (pikirkan verifikasi email). Sejauh ini yang saya dapatkan ketika saya mengeklik tautannya:

Cannot GET /verify/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1Ni[...]

Ini kode router saya:

import React from 'react';
import {Route, IndexRoute, browserHistory} from 'react-router';
import { Provider } from 'react-redux';
import App from './App';
import Log_In from './components/Log_In/Log_In';
import Sign_Up from './components/Sign_Up/Sign_Up';
import SignUp_Redirect from './components/Sign_Up/SignUp_Redirect';
import Verify from './components/Sign_Up/Verify';
import Sign_Out from './components/Sign_Out/Sign_Out';
import Require_Auth from './components/authentication/require_auth';

export default (
 <Route path="/" component={App}>
  <IndexRoute component={Log_In}/>
  <Route path="signin" component={Log_In}/>
  <Route path="signup" component={Sign_Up}/>
  <Route path="signup_redirect" component={Require_Auth(SignUp_Redirect)}/>
  <Route path="verify/:token" component={Verify}/>
  <Route path="signout" component={Require_Auth(Sign_Out)}/>
 </Route>
);

Komponen Verifikasi hanya menghasilkan beberapa HTML sederhana, tidak ada yang mewah. Saya mencoba memasukkan path="verify/*" tetapi itu juga tidak berhasil. Semua contoh dan dokumen yang saya temukan menunjukkan kode di atas untuk wildcard. Tidak yakin apa lagi yang harus saya gunakan. React-router pada proyek saya adalah v. 2.0.1 jadi saya tidak tahu apakah itu ada hubungannya dengan ini. Bantuan apa pun dihargai, terima kasih!

EDIT: Masalah diperbaiki. Mengubah browserHistory menjadi hashHistory.


person Drew Tran    schedule 17.07.2017    source sumber
comment
coba path="/verify/:token"   -  person Shubham Khatri    schedule 17.07.2017
comment
@ShubhamKhatri itu tidak mengubah perilaku :(   -  person Drew Tran    schedule 17.07.2017
comment
apakah anda menavigasi menggunakan Link atau menyegarkan halaman dengan url di atas   -  person Shubham Khatri    schedule 17.07.2017
comment
Menyegarkan halaman dengan itu, karena pengguna seharusnya mengklik link dari email mereka. Jalur lengkap untuk tautan saat ini adalah localhost:8080/verify/[tokenhere}   -  person Drew Tran    schedule 17.07.2017
comment
keren maka masalahnya terkait dengan objek history yaitu browserHistory yang digunakan. Periksa jawaban ini stackoverflow.com /pertanyaan/40332753/   -  person Shubham Khatri    schedule 17.07.2017
comment
Terima kasih! Saya mengubahnya menjadi hashHistory dan berfungsi sekarang.   -  person Drew Tran    schedule 17.07.2017
comment
Anda tidak perlu mengubah ke hashHistory, sebaliknya jika Anda menggunakan webpack, gunakan historyApiFallback: true seperti yang disebutkan dalam pertanyaan duplikat   -  person Shubham Khatri    schedule 17.07.2017
comment
Saya memiliki historyApiFallback yang disetel ke true di file konfigurasi webpack saya, tetapi saya masih mendapatkan kesalahan itu. Hanya mengubahnya menjadi hashHistory yang berhasil untuk saya.   -  person Drew Tran    schedule 17.07.2017