ฉันกำลังพยายามให้แอปของฉันตรงไปยังส่วนประกอบเมื่อผู้ใช้คลิกลิงก์ที่แอปให้ไว้ (ลองนึกถึงการยืนยันอีเมล) จนถึงตอนนี้นี่คือทั้งหมดที่ฉันได้รับเมื่อคลิกลิงก์:
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
path="/verify/:token"
- person Shubham Khatri   schedule 17.07.2017historyApiFallback: true
ตามที่กล่าวไว้ในคำถามที่ซ้ำกัน - person Shubham Khatri   schedule 17.07.2017