2015-12-18 7 views
18

जैसा कि मैं प्रतिक्रिया में खुदाई कर रहा हूं मुझे राउटर की आवश्यकता मिल रही है। मैं वेस बॉस की वीडियो श्रृंखला के साथ पीछा कर रहा हूं लेकिन जब मैं अपनी जड़ के अलावा किसी अन्य मार्ग तक पहुंचने का प्रयास करता हूं तो मैं झगड़ा मार रहा हूं।प्रतिक्रिया राउटर त्रुटि - प्राप्त नहीं कर सकता [पेज नाम]

import ReactRouter from 'react-router'; 
var Router = require('react-router').Router; 
var Route = require('react-router').Route; 
var Link = require('react-router').Link; 
var createBrowserHistory = require('history/lib/createBrowserHistory'); 

तब मेरे रूटर

var routes = (
    <Router history={createBrowserHistory()}> 
    <Route path="/" component={LoginPage} /> 
    <Route path="/dashboard" component={Dashboard} /> 
    <Route path="/search" component={SearchPage} /> 
    <Route path="/details" component={DetailsPage} /> 
    <Route path="*" component={LoginPage} /> 
    </Router> 
); 
ReactDOM.render(routes, document.getElementById('content')); 

हालांकि, मैं स्थानीय होस्ट करने के लिए जाना है, तो: 3000/डैशबोर्ड मैं त्रुटि दिया हूँ:

Cannot GET /dashboard 

किसी भी सलाह?

+2

कैसे अपने बैकएंड सर्वर की स्थापना की है webpack.config.js में जोड़े? ब्राउज़र इतिहास के साथ आपको बैकएंड मार्गों में भी बदलाव करना होगा। –

उत्तर

64

इस

devServer: { 
     historyApiFallback: true 
    } 
+0

यह उत्तर है। @ Yuschick आपको इस समस्या को देखने में लोगों की सहायता करने के लिए इसे स्वीकार करना चाहिए ताकि जल्दी समाधान की पहचान हो सके। –

+0

हाँ, यह वही था जो मैं ढूंढ रहा था! – papacostas

+1

हां, यह वही काम कर रहा है जो मुझे उम्मीद थी ... धन्यवाद –

8

ब्राउज़र इतिहास का उपयोग करते समय आपको अपने सर्वर को उचित रूप से कॉन्फ़िगर करने की आवश्यकता है: https://github.com/rackt/react-router/blob/v1.0.3/docs/guides/basics/Histories.md#configuring-your-server

यदि आप वेबपैक देव सर्वर का उपयोग कर रहे हैं, तो historyApiFallback सक्षम करें।

+0

"यदि आप वेबपैक देव सर्वर का उपयोग कर रहे हैं, तो इतिहास एपीफॉलबैक सक्षम करें।" यह मेरे लिए मुद्दा तय करता है। – motoxer4533

संबंधित मुद्दे