React Router wildcard ไม่ตรงกัน [ซ้ำกัน]

ฉันกำลังพยายามให้แอปของฉันตรงไปยังส่วนประกอบเมื่อผู้ใช้คลิกลิงก์ที่แอปให้ไว้ (ลองนึกถึงการยืนยันอีเมล) จนถึงตอนนี้นี่คือทั้งหมดที่ฉันได้รับเมื่อคลิกลิงก์:

Cannot GET /verify/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1Ni[...]

นี่คือรหัสเราเตอร์ของฉัน:

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>
);

องค์ประกอบ Verify เพียงสร้าง HTML ง่ายๆ ไม่มีอะไรพิเศษ ฉันลองใส่ path="verify/*" แต่ก็ไม่ได้ผลเช่นกัน ตัวอย่างและเอกสารทั้งหมดที่ฉันพบแสดงโค้ดด้านบนสำหรับไวด์การ์ด ไม่แน่ใจว่าฉันควรใช้อะไรอีก React-router ในโปรเจ็กต์ของฉันคือ v.2.0.1 ดังนั้นฉันไม่รู้ว่ามันมีผลกระทบต่อเรื่องนี้หรือไม่ ความช่วยเหลือใด ๆ ที่ชื่นชม ขอบคุณ!

แก้ไข: แก้ไขปัญหาแล้ว เปลี่ยนประวัติเบราว์เซอร์เป็น hashHistory


person Drew Tran    schedule 17.07.2017    source แหล่งที่มา
comment
ลอง path="/verify/:token"   -  person Shubham Khatri    schedule 17.07.2017
comment
@ShubhamKhatri ที่ไม่เปลี่ยนพฤติกรรม :(   -  person Drew Tran    schedule 17.07.2017
comment
คุณนำทางโดยใช้ลิงก์หรือรีเฟรชหน้าด้วย URL ด้านบน   -  person Shubham Khatri    schedule 17.07.2017
comment
การรีเฟรชหน้าด้วย เนื่องจากผู้ใช้ควรจะคลิกลิงก์จากอีเมลของตน เส้นทางแบบเต็มสำหรับลิงก์ในขณะนี้คือ localhost:8080/verify/[tokenhere}   -  person Drew Tran    schedule 17.07.2017
comment
เย็นแล้วปัญหาเกี่ยวข้องกับวัตถุประวัติที่เป็นประวัติเบราว์เซอร์ที่ใช้ ตรวจสอบคำตอบนี้ stackoverflow.com /คำถาม/40332753/   -  person Shubham Khatri    schedule 17.07.2017
comment
ขอบคุณ! ฉันเปลี่ยนเป็น hashHistory และตอนนี้ใช้งานได้แล้ว   -  person Drew Tran    schedule 17.07.2017
comment
คุณไม่จำเป็นต้องเปลี่ยนเป็น hashHistory แต่ถ้าคุณใช้ webpack ให้ใช้ historyApiFallback: true ตามที่กล่าวไว้ในคำถามที่ซ้ำกัน   -  person Shubham Khatri    schedule 17.07.2017
comment
ฉันได้ตั้งค่า historyApiFallback เป็นจริงในไฟล์กำหนดค่า webpack ของฉันแล้ว แต่ฉันยังคงได้รับข้อผิดพลาดนั้นอยู่ เปลี่ยนเป็น hashHistory เท่านั้นที่เหมาะกับฉัน   -  person Drew Tran    schedule 17.07.2017