Question

问题在于，当我尝试直接复制路线时，我收到此错误：

无法获得/回家

但是当我使用菜单项导航时，我通常会渲染视图，我尝试了几种方式browserHistory来实现这种效果，但我不知道，如果react-router-dom不允许直接在URL中导航或在我的代码中是错误：

＆＃13;

// Dependencies

import React, { Component} from 'react'
import { render } from 'react-dom'
import { BrowserRouter as Router, Route, browserHistory, Link} from 'react-router-dom'

//components

class App extends Component{
    render(){
        return(
            <div>
                <h1>App!</h1>
                <ul>
                    <li><Link to="/home"> Home</Link></li>
                    <li><Link to="/about"> About </Link></li>
                    <li><Link to="/contact"> Contact </Link></li>
                </ul>	
            </div>
        )
    }
}

class Home extends Component {
    render() {
        return(
            <h2>Home Page!</h2>
        )
    } 
} 

class About extends Component{
    render() {
        return(
            <h2>About Page!</h2>			
        )
    }
}

class Contact extends Component {
    render() {
        return(
            <h2>Contact Page!</h2>
        )
    }
} 

// routes

render(
    <Router history={browserHistory}>
        <div>
            <Route component={App} path="/" />
            <Route component={Home} path="/home" />
            <Route component={About} path="/about" />
            <Route component={Contact} path="/contact" />
        </div>
    </Router>,
    document.getElementById('app')
);

＆＃13;

Answer 1

我已经解决了！对于那些有同样错误的人，我分享我所做的;如果是来自服务器的问题，那么我必须使用“historyApiFallback：true”配置webpack，或者将“--historyApiCallback”放在package.json运行的webpack dev服务器的脚本中：）

你可以使用react-router-dom直接在URL中搜索吗？

1 个答案: